Re: [csswg-drafts] Idea for CSS4: 'box-depth' (#3984)

I've thought of proposing a `depth` property for this myself — every time I see an example with 5 extra elements to give the illusion of depth to a 3D-transformed element!

Things to think about : 

- What color are the side-panels created by the depth? The same as the element background? The border? Or could you customize & give the sides their own image textures?

- How should border-radius curves be handled?  Drawing a 3D curved object is more complicated than drawing a box.

> Rather than just saying, z-index: -1; he could say z-index: -50px; or z-index: -10%; etc.

I don't think the `z-index` model can really be expanded to include meaningful units. But it also doesn't need to be, because `transform: translateZ(-50px)` works instead.  But, one thing that doesn't currently work is percentages for z-axis translations; if the container element has a defined depth, then percentages do make sense.

-- 
GitHub Notification of comment by AmeliaBR
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3984#issuecomment-497161286 using your GitHub account

Received on Thursday, 30 May 2019 00:59:47 UTC