属性语法如下：
transform-style: flat | preserve-3d;
- flat：子元素将被平面化，不保留其 3D 转换属性。这意味着子元素不会在 3D 空间中呈现，它们将被投射到元素所在的平面上。
- preserve-3d：子元素将在 3D 空间中保留其 3D 转换属性。这意味着子元素将在 3D 空间中呈现，而不会被平面化。
例子：
.container {
transform-style: preserve-3d;
}
.child {
transform: rotateY(45deg);
}
在上面的例子中，.container 元素被设置为 preserve-3d，因此其子元素 .child 在进行 rotateY 旋转时会在 3D 空间中保留。如果将 .container 的 transform-style 设置为 flat，则子元素将被平面化，不再保留其 3D 转换属性。
这个属性在使用 CSS 3D 变换时非常有用，允许开发者决定是否要在整个元素及其子元素中保留 3D 空间效果。
转载请注明出处：http://www.zyzy.cn/article/detail/6148/CSS