ホバー時中央から上下に線を引くCSSボタンデザイン

after疑似要素で「left:50%」で中央に配置し「border」を上下に設定。
ホバー時に「width」を0→100%にして上下に線を引いてます。

ボタンアニメーションホバー線

PR

フリーランスエンジニアに安心保証

動画編集入門プラン（2ヶ月）用LP

関連パーツ