【ローディングアニメーション】参考サイト①

参考サイト

ローディングアニメーションの引き出しを増やしたいけど、
どうすれば良いのだろう・・・？

アニメーションの数を増やしたいけど、ゼロから作るのって難しいですよね。。

そんなときはアニメーションのソースを配布されているサイトを活用しましょう！

今回は10個のサイトをご紹介します。

こちらのサイトは６種類のアニメーション掲載。
上記のページからHTMLとCSSを参照可能。

画面上部にある『<>Source』部分をクリックするとHTMLとCSSを参照可能。
また左右でアニメーションの種類を選べます

『<View Source>』ボタンをクリックでHTMLとCSSを参照可能。
また『BG』で背景の色を変えることができ、『FG』でアニメーションの色を変更可能。

各アニメーションをクリックでHTMLとCSSの参照可能。

各アニメーションをクリックするとHTML、CSS、JSの参照可能。

CodePenよりHTMLとCSSを参照可能。

各アニメーションをクリックするとHTMLとCSSから参照可能。

以上となります。
アニメーションはサイトのイメージにも繋がりますので、
たくさん引き出しを増やしておきたいですね。

ローディングアニメーションをつくってみようについてはこちら

ローディングアニメーションの参考サイト② についてはこちら