CSS中3D变形详解

3D变形 

给盒子的容器开启3D视图，让其内部的子级进行3D变化时可见

transform-style:preserve-3d;

设置观察者距离   perspective

设置观察者位置   perspective-origin：right;

3D旋转时。默认的旋转值是360°，在使用时，如果需要多个状

态之间切换，每个状态 的属性值要一一对应，写完整。在变形当

中，每个盒子都有自己的坐标系与浏览器无关，x轴永远代表盒子

宽度方向，y轴永远代表盒子的高度方向，z轴永远垂直于盒子宽

度和高度构成的平面。