Learn Backend Development Part-Time, Online
PowerBI Data Analyst - Create visualizations and dashboards from scratch
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn how to create an impressive CSS scroll animation in this 35-minute tutorial video. Explore the process of recreating a challenging Twitter-inspired animation using primarily CSS, with minimal JavaScript. Dive into topics such as JavaScript scroll variable setup, top section scrolling CSS, image CSS techniques, and implementing IntersectionObserver for enhanced functionality. Follow along as the instructor breaks down the animation, examines its components, and guides you through the step-by-step implementation process.
Syllabus
- Introduction
- Demo
- How I examine this animation
- JavaScript scroll variable setup
- Top section scrolling CSS
- Top section image CSS
- Other image CSS IntersectionObserver
- IntersectionObserver JavaScript
Taught by
Web Dev Simplified