Hamburger menu

[redlpd]

Fork me: https://codepen.io/redlpd-mg/pen/vYMYNVM

• ⌛ You have 15 minutes to implement this, take your time (but not too much)!
• 💅 Feel free to embellish and make it pretty!
• 📦 Some basic CSS is provided for you. There are some TODO comments in there to help you out.
• 🧙 You can search online if you get stuck.
• 🎉 When you're done, Fork 🍴 the Codepen page and share with us the URL.

* * *

Tips and hints

• Use checkbox.
• Clicking the label should activate the input.
• Visibilty (display and opacity).
• Use transform with translate and rotate (Discussed in the previous blitz DVD Screensaver).

[netlify]

✅ Deploy Preview for glittery-pony-788add ready!

Name	Link
🔨 Latest commit	e54ca55
🔍 Latest deploy log	https://app.netlify.com/sites/glittery-pony-788add/deploys/65e04a8848bc6d0008ecd0b8
😎 Deploy Preview	https://deploy-preview-2--glittery-pony-788add.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[raaims]

https://codepen.io/raaims/pen/oNONLrm?editors=1100

[janpatrick-dev]

https://codepen.io/janpatrick-dev/pen/YzMzWob

[AdyCastEX]

https://codepen.io/adycastueras/pen/RwOwRzX?editors=1100

[ashleeeeeeyyyyyy]

https://codepen.io/ashleeeeeeyyyyy/pen/VwNwjJN

[viancamaulion]

https://codepen.io/Vianca-Andrea-Maulion/pen/OJGJXKy

[KennedydeVera]

https://codepen.io/Kennedy-De-Vera/pen/rNbNLXJ