transform-style

transform-style 属性用于定义一个元素的子元素在 3D 空间中如何呈现。它接受以下值：

1. `flat`：默认值。子元素在 3D 空间中不会被独立呈现，所有子元素都将继承其父元素的 3D 转换。
2. `preserve-3d`：子元素在 3D 空间中独立呈现，每个子元素可以有自己的 3D 转换。

这个属性主要用于在使用 CSS 3D 转换时，控制子元素的呈现方式。当我们需要对一个元素及其子元素应用 3D 转换效果时，可以通过设置 `transform-style` 为 `preserve-3d`，使得子元素独立于父元素应用 3D 转换效果。

例如，可以使用以下代码来设置一个元素及其子元素在 3D 空间中独立呈现：

.container {
  transform-style: preserve-3d;
}

这样，`.container` 元素及其子元素可以分别应用不同的 3D 转换效果，而不会相互影响。