[baliex]

That sounds interesting but it would be a whole lot more interesting if the page was itself an example of said effect!

[sourcecodeplz]

I've put together an example here but it doesn't seem to work in Firefox 151.0.2 (64-bit): https://favs.eu.org/parallax/

Edit: if the body has class="no-sda", it uses a js fallback.

[triplelasagna]

I really like the fact that your "recipe" already includes support for prefers-reduced-motion. Parallax can really trigger motion sensitivity issues up to vomiting or several days of bed rest with severe migraine.

You did leave that part out of your recipe though. Would you mind adding it there, so that people who copy paste are more inclined to actually keep/use that part as well?

[sourcecodeplz]

nice catch! added it

[jonahx]

This doesn't do anything, just scrolls like a normal page.

Mac on latest chrome.

[addandsubtract]

Seems fixed now. Works in both Firefox and Chromium on macOS for me.

[jonahx]

Working now.

[marginalia_nu]

Not for me.

[danyim]

Same observation here, but Chrome on iOS

[yieldcrv]

its beautiful! where can I track the compatibility?

and how do I know if I'm hitting the fallback?

[sourcecodeplz]

updated it with info on what you're using and current baselines comp (Chrome/Edge 115+, Safari 26+, and Firefox behind a flag).

[jonahx]

Or even linked to one!

[dsmurrell]

I was also looking for examples.

[yashD18]

i was waiting for the effect to show up