on:2013年3月22日sponsors昨日、Facebookで紹介した「クラゲ」もCSSアニメーションとは思えない美しさでした。こちらもなかなか楽しい、軽快なリズムで弾むローディングのアニメーションを実装するスタイルシートを紹介します。Firefoxでご覧ください。IEは上のGIFアニメーションで、、、デモページ実装はHTML+CSSです。JavaScriptもFlashも使用されていません。HTMLspanを増やすと玉が増えます。増やした分のディレイをCSSで設定します。<span></span></div>CSSWebkit用とFirefox用の2種類が記述されているので長くみえますが、スタイルシートは非常にシンプルです。