How To Create This Unbelievable CSS Scroll Animation (Дата оригинальной публикации: )

I was recently challenged on Twitter to recreate this amazing scroll based animation, and it was so fun. I even decided to make the challenge more difficult by doing nearly everything in just plain CSS instead of doing it all in JavaScript. In this video I show you how I created this animation. 📚 Materials/References: GitHub Code: Intersection Observer Video: Intersection Observer Article: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 00:00 - Introduction 01:03 - Demo 03:15 - How I examine this animation 05:30 - JavaScript scroll variable setup 11:03 - Top section scrolling CSS 20:41 - Top section image CSS 27:50 - Other image CSS (IntersectionObserver) 31:20 - IntersectionObserver JavaScript #CSS #WDS #ScrollAnimation