Uploaded January 2026 | Updated September 2026, 3 weeks ago

---

FREE CSS Selector Cheat Sheet: webdevsimplified.com/specificity-cheat-sheet.html
FREE Web Dev Roadmap: webdevsimplified.com/web-dev-roadmap.html

These new CSS scroll features are amazing. They completely replace the need for JavaScript in many animations and in this video I will show you everything you need to know in order to create beautiful advanced CSS scroll animations.


📚 Materials/References:

GitHub Code: github.com/WebDevSimplified/css-scroll-state-example
FREE CSS Selector Cheat Sheet: webdevsimplified.com/specificity-cheat-sheet.html
FREE Web Dev Roadmap: webdevsimplified.com/web-dev-roadmap.html


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:31 - Basic scroll-state Animations
04:50 - Basic scroll-target-group Animations
06:52 - Advanced Carousel Animations


#CSS #WDS #CSSScrollAnimation