デザインが変化し横のボーダーが揺れるボタン

MATEREATE INFORMATION

インパクトのあるホバーエフェクトとアニメーションを使用したリンクボタン素材です。両サイドに配置された「<>」が180度回転し、四角のボタンが丸みを帯びたボタンに変化します。カラーも「枠→文字の色」、「文字→枠の色」と変化します。その後「><」のバーは横に揺れるアニメーションをします。

素材の詳細

ボタンの通常時のデザイン
通常時

マウスを置いてない時のデザインイメージです。両サイドに「<>」を配置しており、デザイン性のあるボタンとなっております。

ボタンのホバー時のデザイン
マウスHover時

ボタンのデザインが上の画像のように変化します。両サイドの「><」は横に揺れる演出をし続けるため、少しインパクトのあるボタンとなっております。