CSSで再現するドカベンOPの文字エフェクト

たったーたららったったーたららったーたーーーーーーー

CSSドカベンスクリプト作ってみた

キノウ１　ループサイセイカノウ

<h1 class='dokaben loop komaochi'>ダウンロード</h1>

キノウ２　ソクドヘンコウカノウ

<h1 class='dokaben loop speed-up komaochi'>ダウンロード</h1>

キノウ３　コマ落とし

<h1 class='dokaben loop komaochi'>コマオトシあり</h1>
<h1 class='dokaben loop'>コマオトシナシ</h1>

使い方

まず、sm29720917様にてドカベンフォントを

してください

　
　
そうしたらファイルを解凍し、中にある
「dokaben_ver2_1.ttf」を実行して

してください。

　
次に、dokaben.cssをダウンロードし、h1タグを書いたHTMLと同じ階層に置き、ダウンロードしたCSSファイルを読み込んでください。
これで準備は完了です。HTMLファイルをブラウザから開いてみましょう。