<h2 id="heading-concepts">Concepts</h2>
<p>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.</p>
<p>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.</p>
<h2 id="heading-an-example">An Example</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/bada3670/pen/abYpede">https://codepen.io/bada3670/pen/abYpede</a></div>


## 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

%[https://codepen.io/bada3670/pen/abYpede]

examplist

examplist

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

Concepts

An Example