テキストアニメーション・装飾

 

txt

txt_007

txt_006の中央配置バージョン
※下のサムネイルは動きをgifアニメで配置しています。

txt_006

1文字づつ下からふわっと順番に表示されるアニメーション。
※下のサムネイルは動きをgifアニメで配置しています。

txt_005

txt_004の複数要素対応版(3つまで対応)
対象の見出しがウィンドウに入ったタイミングでアニメーションが開始されるため、スクロールが必要となるように、改行だけのブロックを入れてあります
※下のサムネイルは動きをgifアニメで配置しています。

txt_004

アニメーション終了後にカーソルは消えるタイプライターアニメーション。
スマホだけ改行(<br class="br-sp">)が効きません。改行はPC・SP共通で通常改行での指定となります。
※下のサムネイルは動きをgifアニメで配置しています。

txt_003

簡単な設定でタイプライターアニメーションを実装できます。アニメーション終了後にカーソルは消えずに点滅が続きます。
スマホだけ改行(<br class="br-sp">)に対応しています。
※下のサムネイルは動きをgifアニメで配置しています。

txt_002

文章にカーソルを合わせると補足情報が表示されるツールチップを表示する。
※下のサムネイルは動きをgifアニメで配置しています。

txt_001

スクロールに合わせて蛍光ペン風マーカーを引くアニメーション
※下のサムネイルは動きをgifアニメで配置しています。