3d旋转中perspective视距和旋转方向

先说一个简单的效果：1 是前面的面 2是下面的面，当hover的时候，旋转

视距相关（视距是什么？  观察的一种方式）

1.要对父元素设置视距，不设置的话没有真的3d空间，也不能设置无穷大，那就看不清了，和不设置的效果一样。

也不能设置的过小，如果小于一定的值的话，就是从盒子里面来看这个东西。如果设置的过远就看不到这个东西了。

2.视距越小的话，看到的效果越大，是一个近大远小的效果，因为你的眼睛离真实的3d更近了。

3.perspective 属性只影响 3D 转换元素。一般和translateZ一起使用

4. 一般加给body就行，或者加给父元素，值的大小只是影响的观看效果，并不能改变盒子本身的大小

 

旋转时候，要注意左手定则 ，根据xyz的正方向握住自己的左手来判断