シンプルで可愛いCSSローディングアニメーション「Three Dots」

Three Dots

Three Dotsはアニメーション付きのシンプルで可愛いCSSローディングアイコンを実装できるライブラリです。3つの点をベースにした多彩なローディングアニメーションが用意されています。

Three Dots

デモ

デモページでは点が縮小・拡大したりクルクルと回転したり横に流れていったりと、たくさんのアニメーション種類によるデモが用意されています。どれもシンプルでローディング中に表示させるには最適なアイコンになっています。

  • dot-elastic
  • dot-pulse
  • dot-flashing
  • dot-collision
  • dot-revolution
  • dot-carousel
  • dot-typing
  • dot-windmill
  • dot-bricks
  • dot-floating
  • dot-fire
  • dot-spin
  • dot-falling
  • dot-stretching

自分好みのアニメーションを選択できるのがうれしいですね。というわけで、シンプルで可愛いCSSローディングアニメーションを実装できる「Three Dots」の紹介でした。

Three Dots

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives