@Brandel Zachernuk's team has launched a css-spatial proposal with an elegant page vs. portal metaphor - whether components are above or beneath the screen plane. Portals enable techniques like parallax, a powerful 2.5D effect used in sidescrolling videogames for decades. Excited to see it on the web. https://github.com/WebKit/explainers/blob/main/css-spatial/explainer.md

CC @Christopher Shank

oh my this is sick

There are imperfect ways to test this out as a library in a 2D WebGL/WebGPU render on-screen, or in WebXR, but: • In the former case a device like Meta Quest or Apple Vision Pro won't see the content in stereo, • In the latter case, there's a requirement to vend the head- and eye-pose to the JavaScript, impacting privacy • And in both cases, there's a significant indirection where it's necessary either to re-build CSS in WebGL, or to lean on other new proposals like HTML-in-Canvas. I do think that could be polyfilled for a non-spatial device/context, but believe it's the wrong way to proceed conceptually.