リンクとアンダーライン

Geeklog
投稿者: 表示回数219

自動タグ:[ a-blue:/ pink pink pink ]:
blue blue blue

自動タグ:[ a-pink:/ pink pink pink ]:
pink pink pink

自動タグ:[ a-yellow:https://www.papalagi.co.jp/ yellow yellow yellow ]:
yellow yellow yellow

自動タグ

a-blue:

<a href="#1" class="underline-leftinright underline-height-3px">#2</a>
a-pink:

<a href="#1" class="underline-leftinright underline-color-pink underline-height-3px">#2</a>
a-yellow:

<a href="#1" class="underline-leftinright underline-color-yellow underline-height-3px">#2</a>

cssの例: https://www.ivysoho.net/layout/modern_geek/css/underline.css

参考サイト: https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html