なんとなく思いついたので、CSSでローディングアニメーションを作ってみました。 画像とかcanvas使えよって話ではあるんですけどね……。まあアニメーションの練習ってことで。 今回は『jsdo.it』で作ったので、それを置いておきます。 Firefox 5以上、またはWebkit系のブラウザで動きます。 2020年1月8日 追記: 『jsdo.it』は2019年に閉鎖されましたので、回収できた自分のコードだけデモページに移行しました。 CSS Loading Animation 簡単にですが解説してみたいと思います。 まずHTMLから。 <div class="loading style-1">Now Loading...</div>使うのはdiv1個です。 class名が2つ付いてるのは、最初いくつか作ろうと思ってたからです。 (結局思いつかなかったので諦めましたが……) では次にCSS