【HTML/CSS】テキストリンクのホバー線は、border を指定すると便利なことに気がついた

001

2016/05/24 アニメーションするアンダーラインを追加しました。

 

ボーダー

See the Pen ホバー線 / solid by keita hirai (@keitahirai) on CodePen.


 

両端からスライド

See the Pen ホバー線 / 両端からスライド by keita hirai (@keitahirai) on CodePen.


 

中央からスライド

See the Pen ホバー線 / 中央からスライド by keita hirai (@keitahirai) on CodePen.

 

問題点

リンクをブロック化すると、行全体に下線が表示される。

    • このエントリーをはてなブックマークに追加