Animated Type Loader
Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示させる、というシンプルなもの。テキストのみなのでマークアップやテキストの変更、CSSによる装飾など、管理が楽で良いですね。探せばゴロゴロとチュートリアルや紹介記事が出るレベルの今更な内容ですが、個人的に使う機会が出来たので備忘録として。
Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示させる、というシンプルなもの。テキストのみなのでマークアップやテキストの変更、CSSによる装飾など、管理が楽で良いですね。探せばゴロゴロとチュートリアルや紹介記事が出るレベルの今更な内容ですが、個人的に使う機会が出来たので備忘録として。