Desafio desenvolvido por @florinpop17 link para o vídeo ⬇
https://www.youtube.com/watch?v=8GPPJpiLqHk
1. Hamburger Button🍔
button + hamburger icon
menu > li > a -> hidden
toggle on click
animation
2. Toast Notification
toast container floating
toast design
button
click show random toast message
3. Auto Write Text📝
text
index
show text based on index
increment index
4. Popup / Modal🗨️
button
click on button to activate popup
popup container
popup with text
close btn popup with click event
5. Purple Heart Rain💜
heart css
falling animation
create heart
add class
add it to body
interval
6. Background Changer🌈
button w/ click
generate color
change bg color on click
7. Dark mode toggle💡
text
css for dark mode
toggle
toggle event
8. Carousel🎠
3/4 images
carousel container
images container
images with fixed width and height
index
automatic switch index and update container transform property
9. Sound Board🔊
sounds (HAVE THESE READY SIR)
array with names
loop over array
create buttons w/ text
play sound on click
10. Zoom effect🔍
image
track mouse movement
set transform origin on hover
Made with 💜 by Beatriz Oliveira 👋 Get in touch!