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!