Scroll animations

Scroll animations (also known as scroll-based animations) are website effects that are initiated by scrolling. There are two types of scroll-based animations: scroll-triggered animations and scroll-bound animations.

Featured Guides

Trigger a CSS animation on scroll Guide to scroll-triggered animation libraries The Scroll Animation Handbook

All Articles

Element fade out on scroll
How to make scroll animations
The three concepts behind every scroll animation
The best scroll-based animation libraries
How to create scroll animations without a library
How to trigger a CSS animation on scroll