2022.07.20
デザイナーなら好きなフォントの1つや2つあるでしょ?現役WEBデザイナ...
デザイン
制作
2022.02.09
記事の本文中やサイトマップなどに入れることが多いテキストリンク。
CSSだけでできる動きやアイコンをつけたものをまとめてみました!
目次
IEに対応しない場合、text-decoration
プロパティを使用して下線をアレンジすることができます。text-underline-offset
プロパティでテキストとの余白、text-decoration-style
プロパティで線の種類を指定することが可能です。
見た目にアレンジを加えるだけでなく、動きのアレンジも取り入れることでどのリンクを選択しているかがわかりやすくなります!
text-decolation
ではなく、before
を使うことでホバーで下線を動かすことができます。
<
シンプルなリストのアイデアまとめ
coming soon