ホバーすると上下部分にラインが現れるボタン

MATEREATE INFORMATION

シンプルなホバーエフェクトを使用したボタンのWeb素材でございます。ホバーすると、ボタン内部の上下部分にボーダーラインが現れます。シンプルながらもボーダーラインのエフェクトにより、アクセントの効いたデザインとなっております。

素材の詳細

エフェクトボタンの通常時のデザイン
ボタンの通常時のデザイン

シンプルなデザインのボタンとなっております。ホバーするとエフェクトします。

エフェクトボタンのホバー時のデザイン
ボタンをホバーした時のデザイン

ボタンの上にマウスを乗せると、上下部分にボーダーラインが現れ、少しアクセントの効いたデザインとなります。