ピュアCSSなローディングアニメーション実装サンプル
2013年12月13日-
スポンサード リンク
Cleanest CSS spinner, ever | Lea Verou
ピュアCSSなローディングアニメーション実装サンプル。
スマホなんかでgifアニメーションがうごかなかったりしてローディングエフェクトが動いていない場合がありますが、ピュアCSSで動作し、かつRetinaディスプレイ等でも劣化なしということで使えるサンプルコードです。
手元のiPhoneでも綺麗に動いてくれました。
関連エントリ
スポンサード リンク
By.KJ : 2013年12月13日 09:00 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- なめらかでFlashみたいなテキストアニメーション「TextyleFLIP.js」
- Three.jsを使ったグリッドからぐにゃっとフルスクリーンにアニメーションするデモ
- タイトルをアニメーションさせてタブを目立たせる「blinkTitle.js」
- スクロール量をページトップのプログレスバーで表示できる「scrollpup.js」
- おしゃれなギャラリー風ページを作るデモ
- ホバー時にボーダーをアニメーションさせる「Nicebord.js」
- 文字がパスに沿って流れる斬新なナビゲーションメニュー実装
- 画面をオーバーレイでかっこよく切り替えるサンプル
- マウスのDDで要素を回転させられる「Propeller.js」
- Three.jsを使って画像をインタラクティブにグニャグニャ動かすデモ
- 過去のエントリ
