transform-style 属性用于指定在应用 3D 变换时，子元素是如何在 3D 空间中定位的。该属性有两个可能的取值：flat 和 preserve-3d。
flat: 默认值。子元素将沿着其父元素的平面进行变换，不会创建新的层叠上下文。preserve-3d: 子元素将保留其在 3D 空间中的位置，创建一个新的 3D 层叠上下文。
语法
---------------- -----------------
示例代码
------- - ---------------- ----- - ------ - ---------- --------------- -
在上面的示例中，.parent 元素设置了 transform-style: flat;，子元素 .child 在进行 rotateY() 变换时，将沿着父元素的平面进行旋转。
注意事项
- 当使用
preserve-3d值时，子元素的transform属性将在一个新的 3D 层叠上下文中进行计算，这可能会导致性能问题。 - 在使用 3D 变换时，建议尽量减少
preserve-3d的使用，以提高页面性能。
以上就是 transform-style 属性的介绍，希望对你有所帮助！