perspective 视距

视距的原则是：进大远小

1. 当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。

透视效果是写在父亲身上。

• 2. perspective 属性只影响 3D 转换元素。
• 3. perspective取值为none或不设置，就没有真3D空间。
• 4. perspective取值越小，3D效果就越明显，也就是你的眼睛越靠近真3D。
• 5. perspective的值无穷大，或值为0时与取值为none效果一样。

注意 perspective属性，经常和translateZ的结合起来使用。

perspective-origin属性

• 主要用来决定perspective属性的源点角度。它实际上设置了X轴和Y轴位置，在该位置观看者好像在观看该元素的子元素。 灭点 消失点

transform-style属性

是3D空间一个重要属性，指定嵌套元素如何在3D空间中呈现。他主要有两个属性值：flat（平面的）和preserve-3d

其中flat值为默认值，表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现。