テキストリンクのホバー線は border を指定するとそこそこ使える。

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.

問題点

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