キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
シンプルながら、今までになかったようなアニメーションのCSSスピナー「Epic Spinners」の紹介です。HTML・CSSのコードをコピペすることで簡単に使用することができます。
Epic Spinners
CSSスピナーは20種のが用意されています。アニメーションはいくつかのアニメーションループを組み合わせシンプルかつ複雑な動きを表現しています。
ローディングアニメーションを凝りたい方におすすめのCSSスピナーでした。
-
サイトで使用していないCSSセレクタを調べられる「Unused CSS」
-
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
-
30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
-
【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
-
CSS Grid Layoutを使用しているサイトを集めた「Grid Examples」
RELATED POSTS
【jQuery】レスポンシブ対応のタブを実装できる「GridTab」
Google Mapのスタイルテンプレート「Snazzy Maps」
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
Web制作に役立つChromeおすすめの拡張機能11選
CSSアニメーション制作に役立つライブラリ・ツール14選
スクロール連動のエフェクトを実装できるライブラリ「AOS」
