スクロールに合わせて蛍光ペン風マーカーを引くアニメーション

 
スクリプトと詳細設定タブに読み込むスクリプトと、CSSを記述しています。
スクロールで画面に表示されるタイミングで蛍光マーカー風のラインを引くアニメーションが開始されるため、スクロールが必要となるように、改行だけのブロックを入れてあります。

親譲りの無鉄砲で小供の時から
損ばかりしている

親譲りの無鉄砲で小供の時から
損ばかりしている


  • マーカーを引きたい文字をspanタグ(カスタムタグ)ではさみます。
  • ダウンロードしたtxt_001をインポートしたページの「スクリプトと詳細設定」タブに、スクリプトとCSSを入れてありますので、ブロックをコピペして、このスクリプトとCSSもコピペしてください。

Tablet View

親譲りの無鉄砲で小供の時から
損ばかりしている

親譲りの無鉄砲で小供の時から
損ばかりしている

SP View

親譲りの無鉄砲で小供の時から
損ばかりしている

親譲りの無鉄砲で小供の時から
損ばかりしている