Q&A
現状のHTMLとCSSを提示してください。
前提・実現したいこと
【 理想 】
■ナビゲーションメニューを開く
- ハンバーガーメニューをクリック
- 背景色が表示
- メニュー表示
■ナビゲーションメニューを閉じる
- ハンバーガーメニューをクリック
- メニュー非表示
- 背景色が表示
下記のページを参考にハンバーガーメニュー（レスポンシブ）を実装しているのですが、下記のようになり少し不自然な気がするので【 理想 】のようにしたいのですが何か良い方法はありませんでしょうか...。
■参考サイト
https://codemyui.com/pure-css-fullscreen-navigation-menu/
お手数ですが、ご教授のほどよろしくお願いいたします。
発生している問題
【 現状 】
■ナビゲーションメニューを開く
- ハンバーガーメニューをクリック
- メニュー表示
- 背景色が表示
■ナビゲーションメニューを閉じる
- ハンバーガーメニューをクリック
- 背景色が表示
- メニュー非表示
試したこと
transitionの速さを調整はしてみましたが、表示・非表示の時に同じ速さになるのでうまく調整ができませんでした。
回答1件
0
ベストアンサー
投稿2021/04/26 12:39
総合スコア33715
hatena19 さん
ご回答いただき、ありがとうございます。
そうです、CodePenサンプルのようにしたかったのです！
本当にありがとうございます！！
また、参考サイトまでご提示いただき、ありがとうございます????♂️
ちなみに、「transition 偶数回目 秒数 変更」などで検索していたのですが、
hatena19 さんはどのように検索されたのでしょうか？
この実装に半日かけていたので、今後のためにご教授いただけると幸いです。
「CSS transition 行きと帰り」で検索です。
hatena19 さん
なるほど、ありがとうございます！
素直にそのように検索しても良いのですね。
本当に勉強になりました????♂️
ありがとうございました！
あなたの回答
tips
プレビュー
