はじめに
今回は、一からシンプルなハンバーガーメニューを制作しました。JavaScriptとCSSを組み合わせて、レスポンシブにも対応しています。
全体のコード一覧
See the Pen JavaScriptを使用したレスポンシブハンバーガーメニュー by Uka Suzuki (@uukasuzuki_) on CodePen.
今後の課題
今後は、CSSのプロパティの値について応用して使えるよう、使用意図を調べる必要があると分かりました。
まとめ
次回は、これらハンバーガーメニューの基本を用いて、様々なクリック時のアニメーション展開を制作していきます。