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!