テキストにCSS3のアニメーションエフェクトを付与するスクリプト・「txt.wav」

Ads

txt.wav


txt.wavは上記のようにテキストにCSS3ベースのアニメーションエフェクトを付与するスクリプトです。非依存型で単体で動作しますが、基本的にJavaScriptは1文字ずつ包括するシンプルなもので、エフェクトはkeyframesによるものになります。文字1つ1つに一定の間隔でanimation-delayで遅らせる事でこのようなエフェクトが作成されています。

このライブラリは他ライブラリの助けも必要としないバニラなスクリプトで、自分で別のエフェクトを作成、追加しやすいのが魅力ですね。ちょうどとりかかってるプロジェクトに相性良いので使わせてもらうことにします。ライセンスはMIT。

txt.wav