slug | date | title | type | image | codepen | author | github | entries | |||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
/hamburger-menu |
2024-02-29 |
Hamburger Menu |
css |
../images/hamburger-menu.gif |
Red Lapida |
|
- ⌛ 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.
* * *
- Use checkbox.
- Clicking the label should activate the input.
- Visibilty (
display
andopacity
). - Use
transform
withtranslate
androtate
.