前提・実現したいこと
【 理想 】
■ナビゲーションメニューを開く
- ハンバーガーメニューをクリック
- 背景色が表示
- メニュー表示
■ナビゲーションメニューを閉じる
- ハンバーガーメニューをクリック
- メニュー非表示
- 背景色が表示
下記のページを参考にハンバーガーメニュー(レスポンシブ)を実装しているのですが、下記のようになり少し不自然な気がするので【 理想 】のようにしたいのですが何か良い方法はありませんでしょうか...。
■参考サイト
https://codemyui.com/pure-css-fullscreen-navigation-menu/
お手数ですが、ご教授のほどよろしくお願いいたします。
発生している問題
【 現状 】
■ナビゲーションメニューを開く
- ハンバーガーメニューをクリック
- メニュー表示
- 背景色が表示
■ナビゲーションメニューを閉じる
- ハンバーガーメニューをクリック
- 背景色が表示
- メニュー非表示
試したこと
transitionの速さを調整はしてみましたが、表示・非表示の時に同じ速さになるのでうまく調整ができませんでした。
回答1件
あなたの回答
tips
プレビュー