ドットの下線がスライドするテキストリンク

before疑似要素で「radial-gradient」「linear-gradient」でドットを入れた下線を作る。
ホバー時に「width」を変更しスライドさせてます

リンクホバーアニメーションドットスライド

関連パーツ