[csswg-drafts] Lifting or recessing elements from the viewport in 3D contexts (#9881)

eeeps has just created a new issue for https://github.com/w3c/csswg-drafts:

== Lifting or recessing elements from the viewport in 3D contexts ==
Not sure what spec this belongs in; perhaps this suggestion belongs in the WICG, first? But, here goes nothing:

3D user interfaces benefit greatly from being able to leverage human depth perception to create spatial hierarchies, rather than just using drop shadows and 2D perspective.

For instance, see these examples ([1](https://miro.medium.com/v2/resize:fit:1400/format:webp/1*3eq2rrnbiKqGw_dHqJQs7A.gif), [2](https://miro.medium.com/v2/resize:fit:1400/format:webp/1*JxDDo58qN3cpQCjbBDz8lw.png), [3](https://miro.medium.com/v2/resize:fit:1400/format:webp/1*8nW2NGemgMHwCDgkPatX_Q.gif)), from [this overview of various UX elements present in visionOS](https://medium.com/@keerthan630/design-for-spatial-user-interfaces-apple-vision-pro-4ea154ac1f39).

It would be fantastic to be able to subtly lift or recess elements on the web, using CSS.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9881 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 30 January 2024 23:51:46 UTC