いまや、スマホ対応サイトにハンバーガーメニューは必須となりました。 しかし、いちいちゼロから作るのは面倒ですよね。 忙しい方のために、コピペで作れるハンバーガーメニューを21個まとめました。 7種類のボタンの動きと、メニューの出てくる動きが違うサンプルを用意しています。 「result」部分にあるハンバーガーメニューをクリックして、好きな動きの組み合わせを見つけてください! コードをコピペすればそのまま使うことができます。 もちろんご自分好みにカスタマイズして使って頂いてもOKです。 1.基本のハンバーガーボタン まずは一番ベーシックなボタンの動きです。 コーポレートサイトなどにオススメです。 ふわっと出てくるメニュー See the Pen シンプル全画面 by webpaisen (@webpaisen) on CodePen. 上から出てくるメニュー See the Pen シンプル
![【2020年最新!コピペだけ!】おしゃれなハンバーガーメニュー【21個まとめ】](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f0a46d1c4cae3c7f24a1bae40a92600e47b35fd/height=288;version=1;width=512/https%3A%2F%2Fknoweb.net%2Fwpdb%2Fwp-content%2Fuploads%2F2019%2F08%2Fresponsive-hamburgermenu.jpg)