今回のお題は、 ハンバーガーメニューのアニメーションだ。ハンバーガーアイコンをクリックすると、 メニューが右に向けて広がる （サンプル1⁠）⁠。 「⁠CSS Gooey Menu」 のデザインとアニメーションをもとに、 コードは ...

2はメニューの項目が多くない場合に、 ハンバーガーメニューを使わず横スクロールでメニューを選べるようにする案、 3はJavaScriptを使わずCSSだけでハンバーガーメニューを実装する案で、 それぞれのコードの例も紹介しています。

VSCodeをWebサイト開発用ツールに ―HTML／CSS／JavaScriptエディタとして強化しよう！ 開発用エディタのド定番「VSCode」を使いこなそう 第5回 ...