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

前の記事ではハンバーガーアイコンの作成方法を紹介しました。 今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー（プルダウンメニュー）」をCSSのみで作成してみたので紹介します。 ドロップダウンメニューは上の記事を参考にさせていただきました。 完成品は今のところ、このブログのスマホ用ページのヘッダーで使用しているので、試していただいてどのような動きをするか確認していただければと思います。 ※他に良いグローバルナビが出来たらそちらに変更してしまう場合があるので悪しからず（汗。 HTML コードの上部がハンバーガーアイコンとリンクの部分、「nav id="p-nav1」から下がメニュー一覧部分になります。 ブロック要素をaタグで囲むのは良くないみたいなので、ハンバーガーアイコンにリンクをかけるのに苦戦しました（汗。 「ul～ul」内は

[gattolibero]

なるほどなるほど。