CSS3中的transform属性的一些小理解

2D的旋转与移动：

1. 2D中的transform属性有三个：1. rotate('deg')旋转 2.translate(‘10px’)位移 3.scale(0.5)缩放
2. 2D中的属性的设置只在平片中进行更改

3D的选择与移动

3D中的transform属性则是在2D的基础上加上了X,Y,Z,分别对应的是对应各个坐标轴进行360度旋转是空间内的旋转和向里向外的移动

两者区别的代码演练：

transform:rotate(90deg) ;

transform:rotateX(120deg)

总结：

2D是在平面中移动而3D是沿着某个三个坐标轴进行空间转动一般情况下3D是X轴是横着的Y轴是平面中竖着的那条，而Z轴是立起来的那条，一般以元素的中心的起始点为原点展开xyz轴。在设置前端3D效果图的时候，可以选择一个参照物，譬如手，在对手进行选择，分不清向前平移还是向后平移的时候，我们可以在一开始选择手心的背面或者手掌心定点去赋值正负值。