live DOM → texture (the workaround)

count: 0

clock: --:--:--

Real DOM → canvas texture, live.

Layout exact. Painting hand-rolled:

flat colors, borders, text only.

same pipeline, harder CSS

gradient + shadows here

↑ the workaround breaks here.

gradient, shadow, filter — dropped.

Your design system → a gray box.

CSS3DRenderer — real DOM

gradient + shadows here

↑ real CSS: gradient, shadow, filter — all crisp.

A real DOM element, perfect on desktop.

But it composites above WebGL — so it

vanishes the moment you enter VR.

can a live web page hang on a wall in VR?
click the counter buttons · drag to orbit · scroll to zoom
2 left panels = DOM→texture · far-right panel = real CSS (CSS3DRenderer): crisp here, gone in VR
checking WebXR…
companion demo — read the article