タイプライター風のエフェクトを管理、実装できるスタイルシート・「Typed.css」

Ads

Typed.css


Typed.cssはタイプライター風のエフェクトを管理、実装できるスタイルシートです。上のように文字が打ち込まれたように徐々に表示される的あエフェクトを管理できます。

テキストはcontentプロパティで管理されます。別のテキストを表示したりスタイリングしたり、速度やアニメーションエフェクトを変えたりと、過去にJSでやっていたような事は概ね可能となっています。

今のところはSCSSのみサポートされていますが、LessやStylusも順次対応してくれるそうです。ライセンスはCC0との事なのでどなたでもどのようなコンテンツでも自由に使う事が出来ますね。

Typed.css