upvote
For people saying it's not working in any browser - do you have some kind of reduced motion preference setting turned on? I can imagine that would have an effect on something like this and it's definitely working in Chrome for me.
reply
Yes... there's a media query in the codepen disabling animation for people with reduced motion enabled.
reply
It's been behind a flag for ages. Maybe because of performance issues?
reply
Enabling (layout.css.scroll-driven-animations.enabled) and refreshing the codepen gives a "we crashed this to prevent a crash from an infinite loop" clicking to allow the infinite loops allowed me to see the animation.

Fedora 44 Kernel: x86_64 Linux 7.0.10-201.fc44.x86_64 Firefox 151.0.2

reply
Noticed the same thing. In Mac Safari it works without setting any flags.
reply
Doesnt work on any browser for me
reply
deleted
reply
tried 4 browsers, didn't work in any of them
reply
FWIW it works on iPhone safari
reply
But it jumps around and flickers pretty bad. Chrome’s own demos in the docs don’t work at all.

https://developer.chrome.com/docs/css-ui/scroll-driven-anima...

Edit: Their reference works and has some really nice demos. Must be an iframe problem. https://scroll-driven-animations.style/#demos

reply
Only on iOS 26.
reply
I don’t think it did for me. Are you on iOS 26?
reply