webサイト上でよく見かけるボタンを３つにまとめてみた。
私的よく見かけるボタンエフェクト3種
・通常のhoverボタン
一番よく使われているであろうhoverを使ったボタン
・hoverスライドボタン
hoverすると背景色がスライドしてきて色が変わるボタン
・activeを使った押せるボタン
ポチッと押せるボタン
Code Pen
See the Pen buttons by taka (@gb-sweep) on CodePen.
まとめ
正直単なるhoverだけのボタンがダントツで一番使われているが、他の２つも見かけるので覚えておいて損は無いし、何よりものすごく簡単に実装できてなんか凝ってる感が出てよい