语法：
transform-style：flat | preserve-3d
默认值：flat
适用于：变换元素
继承性：无
动画性：否
计算值：指定值
媒体：视觉
取值：
- flat：
- 指定子元素位于此元素所在平面内
- preserve-3d：
- 指定子元素定位在三维空间内
说明：
指定某元素的子元素是（看起来）位于三维空间内，还是在该元素所在的平面内被扁平化。
- 当该属性值为「preserve-3d」时，元素将会创建局部堆叠上下文。
- 决定一个变换元素看起来是处在三维空间还是平面内，需要该元素的父元素上定义 <' transform-style '> 属性。
- 对应的脚本特性为transformStyle。
兼容性：
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
| Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|---|
| Basic Support | 6.0-9.0 | 2.0-9.0 | 4.0-11.0 | 6.0-8.0-webkit- | 15.0-22.0-webkit- | 6.0-8.4-webkit- | 2.1-2.3 | 18.0-34.0-webkit- |
| 10.0-11.0-ms-#1 | 10.0-15.0-moz- | 12.0-35.0-webkit- | 9.0+ | 23.0+ | 9.0+ | 3.0-4.4.4-webkit- | 35.0+ | |
| Edge | 16.0+ | 36.0+ | 40.0+ |
- 不支持「preserve-3d」属性值