ハンバーガーメニューって知ってる？ 今回は、最近ちらほら聞くようになった「ハンバーガーメニュー」について、ご紹介したいと思います。 ドロワーメニューじゃなくてハンバーガーメニュー？ みなさん、ハンバーガーメニューって知ってますか？ 新しいCSS class 多くのユーザーはハンバーガーメニューが何を提供するものなのか知らないので、わざわざそれをクリックすることもありません。 クリックする代わりに、ユーザーは必要としている情報を無駄に探し回ってしまいます。 というわけで不採用！！ 2. htmlタグに overflow: hidden; を含むclassつける. ここまで理解すればどんな形のハンバーガーメニューを作ることになっても対応できるのではないかなと思います。 今回のことが理解できるとハンバーガーメニュだけではなく、transitionを利用したアニメーションチックな動きが使えるようになります。 スマホのサイトなんかにある、ハンバーガーメニューをクリックすると横からスライドして現れるメニューです。半透明になっている黒の背景をクリックするとメニューを閉じることができます。デモページはこちらソースコードhtml