Animated Type Loader
Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示させる、というシンプルなもの。テキストのみなのでマークアップやテキストの変更、CSSによる装飾など、管理が楽で良いですね。探せばゴロゴロとチュートリアルや紹介記事が出るレベルの今更な内容ですが、個人的に使う機会が出来たので備忘録として。
Animated Type Loader (via keegan lambert)
Other Snippets
- CSSとテキストで作るローディングアニメーション・「Animated Type Loader」
- フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」
- シングルページ向けに開発されたHTML＆SASSなボイラープレート・「Rin」
- Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」
- 軽量でベーシックなCSSフレームワーク・「Open Style」
- 別アイコンにアニメーション付きで切り替える方法をまとめている・「MENU TO CROSS ICON」
- SASSベースのRWD対応CSSフレームワーク・「SPACEBASE」
- モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」
- 【 CSS/HTML 】のリソース一覧