WEBデザインに必要なホバー時のアンダーラインをCSSのみで様々な動きを加えました。
カーソルが要素に乗った際に動作します。
実装するためのHTMLとCSSをコピペ出来るようになっていて、カラー変更など自由に出来ます。
ライン【line】
::afterと::beforeでアンダーラインを指定。
線の太さ
線の太さはp.sample a:beforeのheight: 4px;の変更で調整出来ます。
・動作確認
sampleをPC版はマウスを乗せたとき、スマホ版はタップで確認できます。
WEBデザインに必要なホバー時のアンダーラインをCSSのみで様々な動きを加えました。
カーソルが要素に乗った際に動作します。
実装するためのHTMLとCSSをコピペ出来るようになっていて、カラー変更など自由に出来ます。
::afterと::beforeでアンダーラインを指定。
線の太さはp.sample a:beforeのheight: 4px;の変更で調整出来ます。
・動作確認
sampleをPC版はマウスを乗せたとき、スマホ版はタップで確認できます。