CSS3-3D

CSS3中的3D坐标系与上述的3D坐标系是有一定区别的，相当于其绕着X轴旋转了180度
简单记住他们的坐标：
x左边是负的，右边是正的
y 上面是负的， 下面是正的
z 里面是负的， 外面是正的；
`这样大家在写值的时候可以根据自己想要的方向正确去写相应的正负值。下面来说一下一些3D的标签元素。
rotate（旋转）：在变形中学习的旋转，给相应的deg我们的目标会进行相应的旋转角度（可与动画，过渡配合使用制作不同的效果）。
在3D中rotate的用法：
rotateX() : 就是沿着 x 立体旋转.
rotateY()：沿着y轴进行旋转
rotateZ()：沿着z轴进行旋转
Perspective（在多远的点去看我们做的3D目标）：电脑显示屏是一个2D平面，图像之所以具有立体感（3D效果），其实只是一种视觉呈现，通过透视可以实现此目的。视距，表示视点距离屏幕的长短。视点，用于模拟透视效果时人眼的位置（近看远小，所以当远处观望的时候尽量将值写大，当想在目标内部观看效果则将可以讲值变小）。

Translate（位移）：translate3d(x,y,z)
[注意]其中，x和y可以是长度值，也可以是百分比，百分比是相对于其本身元素水平方向的宽度和垂直方向的高度和；z只能设置长度值
Backface-visibility:hidden用于在做3D图像上翻转背面隐藏