CSSでハンバーガーアイコンを作ってみた｜ハンバーガーボタンの作り方解説

　ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。

　スマホ用のサイトとかで良く見かけるようになりましたね。

　今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。

※今回紹介するのはハンバーガーアイコンのみの作成方法なので、完成したものをタップしても動作はしません。

CSSのみでヘッダ用のドロップダウンメニューを作成してみた

　前の記事ではハンバーガーアイコンの作成方法を紹介しました。

　今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー（プルダウンメニュー）」をCSSのみで作成してみたので紹介します。