⚡ Start coding ⚡
- ⌛ 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 the
:checked
pseudo-class! - Use the general sibling (
~
) selector! - You can always ask questions, don't be shy 😊
- Use
transition
on the initial click animation - Use
animation
on the extra "drop" animation - YOLO
You can do this if you finished early or if you have some free time. This uses the same logic as the one above.