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

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

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

PR

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

在宅ワークで稼げるスキルを身につけるテックアカデミーWeb制作講座

関連パーツ