タグ スピナー
人気順 5 users 10 users 50 users 500 users 1000 users実装は超簡単！デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー | コリス
2015/05/19
143 users
head
コリス
Step
link rel
ローディング時
ページのローディング時によく使われる、デザインがかわいく、アニメーションもかわいいCSSで実装されたスピナーを紹介します。 divひとつのミニマルなHTMLで、簡単に実装できます。 スピナーの実装 実装は、簡単です。 「弾むボール」を例に、説明します。 Step 1: 外部ファイル 各スピナーに用意されているCSSファイルを外部ファイルとして記述します。 <head> ... <link rel=... 続きを読む
[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation | コリス
2014/02/26
114 users
コリス
class
Chr
CSS
GitHub
classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation Font Awesome Animation -GitHub 実際の動作は、下記ページで楽しめます。 Chr... 続きを読む
画像もFlashも無し！ スタイルシートでローディング時のスピナーを生成する -CSS load.net | コリス
2011/09/29
193 users
コリス
Flash
ローディング時
CSS3アニメーション
スマートフォン用のサイトにも設置できる、CSS3アニメーションを使ったローディング時のスピナーを作成できるオンラインサービスを紹介します。 CSS load.net スピナーは現在のところ8種類あり、それぞれカラー・サイ [...] 続きを読む