画像もFlashも無し! スタイルシートでローディング時のスピナーを生成する -CSS load.net

スマートフォン用のサイトにも設置できる、CSS3アニメーションを使ったローディング時のスピナーを作成できるオンラインサービスを紹介します。

サイトのキャプチャ

CSS load.net

[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

top of page

©2024 coliss