这篇翻译不完整。请帮忙从英语翻译这篇文章。
这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
概述
transform-style属性指定了，该元素的子元素是（看起来）位于三维空间内，还是在该元素所在的平面内被扁平化。
如果被扁平化，则子元素不会独立的存在于三维空间。
因为该属性不会被（自动）继承，所以必须为元素所有非叶后代节点设置该属性。
| 初始值 | flat |
|---|---|
| 适用元素 | transformable elements |
| 是否是继承属性 | 否 |
| 适用媒体 | visual |
| 计算值 | as specified |
| 是否适用于 CSS 动画 | 否 |
| 正规顺序 | the unique non-ambiguous order defined by the formal grammar |
| Creates stacking context | yes |
语法
Formal syntax: flat | preserve-3d
transform-style: preserve-3d transform-style: flat transform-style: inherit
值
preserve-3d- 指定子元素定位在三维空间内。
flat- 指定子元素位于此元素所在平面内。
栗子
这里是没有 transform-style: preserve-3d 的情况，也就是默认的 transform-style: flat ：
https://codepen.io/FredWe/pen/doZEvQ
这里是设置 transform-style: preserve-3d 之后的情况：
https://codepen.io/FredWe/pen/oXoRZa
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Transforms Level 1 transform-style |
Working Draft |
兼容
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 12-webkit | 10 (10)-moz 16 (16) |
11 | 15-webkit | (Yes)-webkit |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 3.0-webkit | 10.0 (10)-moz 16.0 (16) |
8.1 | (Yes)-webkit | (Yes)-webkit |