キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」

 
シンプルながら、今までになかったようなアニメーションのCSSスピナー「Epic Spinners」の紹介です。HTML・CSSのコードをコピペすることで簡単に使用することができます。

Epic Spinners





CSSスピナーは20種のが用意されています。アニメーションはいくつかのアニメーションループを組み合わせシンプルかつ複雑な動きを表現しています。 ローディングアニメーションを凝りたい方におすすめのCSSスピナーでした。


  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
  • 【html】文字実体参照を一覧できる「html arrows」
  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • 背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
  • 複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
RELATED POSTS
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
  • 水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • 【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • ビューポートなどで要素の可視性を検出できる「Emergence.js」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • 無料で使用できる海外のフリー写真素材サイトまとめ