Animate On Scroll with Pure CSS Javascript

Hey! In this video we will build a simple project to learn and practice on scroll animations! We're using Intersection Observer API so pure CSS and Javascript, we don't touch external libraries :)

I've tried to made this example as simple as possible and with as little code as I could. Also, let me know about the coding speed, I've edited it slightly to keep it engaging and fast paced.

Our new discord community:   / discord  

Newsletter: https://web-dev-everyday.beehiiv.com/...

Repo: https://github.com/paulboguta/subtle-...

Music
massobeats - glisten:    • massobeats - glisten (royalty free lo...  

0:00 Intro
0:19 Project files
0:30 Basic styles
2:15 Intersection Observer
3:14 Animating hero image
4:05 Animating features section
5:05 Cool thing :)
5:50 Animating discord section
6:15 Javascript recap
6:35 Small JS improvement
6:50 Outro