【WordPress】可視範囲に入ってから、下線を引くアニメーション【jQuery】

 

可視領域に入ってから、下線を引くアニメーションをコーディングしました。

DEMO

 

下線を引く部分を特定

 

今回のデモでは、下線を引く部分を先にクラス指定しています。

WordPressであれば、テキスト編集モードでこれらを貼り付けて下さい。

CSSで下線の色を指定

 

次にCSSで、アンダーラインの色などを指定していきます。

 

jQueryでアニメーション追加

 

最後に、jQueryでアニメーションを追加します。

 

参考にさせて頂いたサイト

 

以下のサイトを参考にさせて頂きました。

参考 【コピペで楽々】アニメーションで強調部分に蛍光色のラインを引くカスタマイズかるみに 参考 jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法Webpark

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です