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