Ajax Style Loading Animation in CSS3 ( no Images ) - nikesh.me

Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ。
マシンにもよるかもしれませんが、なんともなめらかに動作してくれます。


デモページ

画像サイズは最近のブロードバンド環境では微々たるものとはいっても、ピュアCSSのバイト数にはかなわないと思います。
ページ表示速度を考えるならば、ここら辺もチューニングしてもいいのかも。

ただし、CSS3が必要なので非対応ブラウザは動きません。
早くCSS3がどこでも使える時代になってほしいですね。

関連エントリ

• 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」