CSS3 总结（十九）——3D转换（CSS3）

3D转换（CSS3）

左手坐标系：
CSS3 总结（十九）——3D转换（CSS3）
注意：-Z指向屏幕。
X：右边正的，左边负的
Y：下面正的，上面负的
Z：外面正的，里面负的

3D转换内容部分在2D中（transform和transform-origin）已讲过，在这里就不多写了，上链接：
https://www.runoob.com/css3/css3-3dtransforms.html

透视效果（perspective属性）：
透视原理：近大远小。
浏览器透视：把近大远小的所有图像，透视在屏幕上。
perspective属性：视距，表示视点距离屏幕的长短。视点，用于模拟透视效果时人眼的位置。不废话，上链接：

注意：perspective属性设置给父元素，作用于所有3D转换的子元素。视点默认在父元素的中心位置，可通过perspective-origin改变视点。

backface-visibility 属性：

属性	说明	格式
backface-visibility	backface-visibility 属性定义当元素背面向屏幕时是否可见。如果在旋转元素不希望看到其背面时，该属性很有用。取值： 1.visible ：背面是可见的。 2.hidden ：背面是不可见的。	backface-visibility: visible \| hidden;