Articles Tagged

A row of white bordered squares against a bright magenta background, showing the squares in three stages of scrolling and each becoming solid white as it progresses.

A First Look at Scroll-Triggered Animations

Let's poke at the differences between scroll-driven and scroll-triggered animations.

Daniel Schwarz on Jun 19, 2026

A row of elements crossing the vertical axis of two colors, each representing a different type of scroll animations or view transition.

container-queries Scroll Driven Animation Scroll-Triggered Animation view transitions

Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions

I've said one and mean another, and I've used one when I needed another. Comparing scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my future self.

Geoff Graham on Jun 8, 2026