Skip to main content
CSS-Tricks
Since 2007
  • Articles
  • Guides
  • Almanac
  • Links
  • Picks
  • Newsletter
  • Search

Articles Tagged
Scroll-Triggered Animation

1 Articles
{
,

}
A row of elements crossing the vertical axis of two colors, each representing a different type of scroll animations or view transition.
Direct link to the article Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions
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

CSS-Tricks is powered by DigitalOcean.

Get Curated Front-End Roundups Right in Your Inbox

Coming back really, really soon! See past issues →

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top