画像もFlashも無し! スタイルシートでローディング時のスピナーを生成する -CSS load.net
Post on:2011年9月30日
スマートフォン用のサイトにも設置できる、CSS3アニメーションを使ったローディング時のスピナーを作成できるオンラインサービスを紹介します。

[ad#ad-2]
スピナーは現在のところ8種類あり、それぞれカラー・サイズ・スピードを設定して作成することができます。

スピナーは現在8種類
作成したスピナーは真ん中下の「Get code」ボタンをクリックすると、そのスタイルシートとHTMLが表示されます。

スピナーのコードを表示
[ad#ad-2]
対応ブラウザはCSS3アニメーションを使っているため、下記の通りです。
- Firefox 5+
- Google Chrome
- Safari 4+
- Safari for IPhone
- Android 2+
- RIM OS6 web browser
- Other browsers with -webkit- prefix
sponsors