Three Dotsはアニメーション付きのシンプルで可愛いCSSローディングアイコンを実装できるライブラリです。3つの点をベースにした多彩なローディングアニメーションが用意されています。
Three Dots
以下のページからThree Dotsの実際のデモ動作をチェックできます。
デモページでは点が縮小・拡大したりクルクルと回転したり横に流れていったりと、たくさんのアニメーション種類によるデモが用意されています。どれもシンプルでローディング中に表示させるには最適なアイコンになっています。
ちなみにアニメーションは全部で14種類です。下記がそのアニメーションリストになります。
- 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の詳細やダウンロードは、以下からどうぞ。
