css3 3D

1、景深（还是2d属性）

近大远小，可以加强2d，3d效果

（1）给父元素加景深

perspective：500px；

每个子元素的景深效果各不相同

（2）给子元素加景深

transform：perspective：500px；

2、3D偏移

z轴的偏移是前后移动，正直往前移动，负值往后移动

transform：translateZ（z）

transform：translate3d（x,y,z）

3、3D旋转

（1）transform：rotateZ（）（顺时针或者逆时针旋转）

（2）transform：rotateX（）

正值：从下往上旋转

负值：从下往上旋转

（3）transform：rotateY（）

正值：往右旋转

负值：往左旋转

（4）transform：rotate3d（x,y,z,角度值）

4、3D缩放

scaleZ（）和scale3d（）函数单独使用时没有任何效果，需要配合其他的变形函数一起使用才会有效果

（1）scaleZ（）

（2）scale3d（x，y，z）