Chrome 145 will introduce scroll-triggered animations, a new CSS feature that enables time-based animations to trigger at specific scroll offsets. Unlike scroll-driven animations (which tie animation progress directly to scroll position), scroll-triggered animations activate when crossing a threshold and continue playing independently. The feature uses activation and active ranges to control when animations trigger and deactivate, eliminating the need for IntersectionObserver for these effects. The feature is currently available in Chrome Canary behind the Experimental Web Platform Features flag.

2m read timeFrom bram.us
Post cover image

Sort: