こんにちは、フロントエンジニアのTAKAです。
Webサイトを新規で作る時、あるいはリニューアルでデザインを変更する時、「リンクボタンにアニメーションをつけたいな」とか「こんな効果のあるボタンがあったらいいのにな」なんて思う事はないでしょうか？
今回はそんな少し変わった、もといおしゃれな効果のボタンを3種類ほど作成しましたのでご紹介いたします！
マウスオーバー時に斜めに薄い影がかかるタイプ
背景に画像を使ったボタンアニメーション、今風の斜めの薄い影がカッコいい
真ん中から丸がふわっと出てくるタイプ
ホバー時にサブテキストが出てくるタイプ、グローバルナビゲーションに使うと目立つ
マウスオーバー時に丸が少し大きくなるタイプ
ちょっとしたアクセントに、癖のない使い勝手のいいボタン
まとめ
いかがでしょうか、もっともっと他にも種類はありますが…
「ちょっと変わったアニメーションの付いたボタンを使ってみたい」
「動きのついたおしゃれなサイトを作ってみたい」
という方はぜひ一度ご相談ください。
