matterday.netlify.com - Foreground and Background layers are visibily blurry

[denschub]

URL: https://matterday.netlify.com/

Browser / Version: Firefox 107.0 Operating System: Mac OS X 10.15 Tested Another Browser: Yes Chrome

Problem type: Something else Description: Foreground and Background layers are visibily blurry Steps to Reproduce: This page is using a css-only "parallax scrolling effect" using preserve-3d and translateZ to achieve actual "layers" that scroll with different speeds. A full write-up on how this affect is achieved is available here.

As observable in the screenshot, in Firefox, the foreground and background layers are very blurry, but they render fine in Chrome.

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[denschub]

Moving to needsdiagnosis, as I'm fairly confident this is a valid issue... :)

[denschub]

There's also a significant amount of jank, so maybe this is two issues in one.