Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create This Unbelievable CSS Scroll Animation

Web Dev Simplified via YouTube

Overview

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

Reviews

Start your review of How to Create This Unbelievable CSS Scroll Animation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.