Re:CSS-Native Parallax Effect
by frereubu on Tuesday June 02, 2026 @06:53AM
(#48368522)
There's me scrolling up and down and thinking "hey, it's not working!" But it's behind a flag on Firefox: https://caniuse.com/?search=view-timeline-name
[ Parent
| on HN ]
Doesnt work on any browser for me
Re:CSS-Native Parallax Effect
by WithinReason on Tuesday June 02, 2026 @07:28AM
(#48368806)
tried 4 browsers, didn't work in any of them
FWIW it works on iPhone safari
I don’t think it did for me. Are you on iOS 26?
Ahh, yes I am. 26.5
Only on iOS 26.
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
It's been behind a flag for ages. Maybe because of performance issues?
Re:CSS-Native Parallax Effect
by goodmythical on Tuesday June 02, 2026 @11:34AM
(#48371621)
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
Noticed the same thing. In Mac Safari it works without setting any flags.
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.