CSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」

WEBサイトに欠かせないUI/UXの一つローディング。この小さなアニメーションで多くのストレスが軽減でき、かつ世界観を表現できます。ローディングアニメーションには様々な作り方がありますが、今回紹介するのはCSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」です。 全部で10個のローディングアニメーションが公開されており、どれもクリエイティブでポップな印象を受けます。 詳しくは以下 基本的には指定のCSSを読み込み、HTML側には1行コードを記載するだけで利用することが可能です。ソースコードについてCSSについては、githubに公開されています。 ライセンスはMIT Licenseとなっており、ライセンスの範囲内で自由に利用することが可能です。サイトの世界観に合ったものがあれば、使い勝手のいいローディングアニメーションだと思います。 CSSPIN – CSS Spinn