transform-style (flat vs. preserve-3d)

·

1 min read

Concepts

If the parent element is set as 'flat', child elements exist on a 2D space, not a 3D space. And the latter covers the former.

On the other hand, if the parent element is set as 'preserve-3d', child elements exist on a 3D space. So, regarding 3D space, shapes that should be seen is seen and shapes should be hidden is hidden, regardless of the order.

An Example