10.css-2D转换模块

1.css3新加了transform属性，取值有四个：translate(x,y),元素从当前位置平移；rotate(45deg)按顺时针旋转度数；scale(1.5,1.5);宽高进行缩放的,若宽高缩放比例一样，可只写一个参数；连写格式为：transform:rotate(45deg) translate(100px,0) scale(1.5)

2.形变中心点，默认情况下所有的元素都是以自己的中心点作为参考点进行旋转的，我们可以通过改变旋转中心点进行修改它的参考点。transform-origin:x y;x表示水平方向，y表示垂直方向，x和y分别取0表示左上角，x和y也可以取left、center、right、top、bottom等关键字。

3.旋转轴方向。默认情况下所有的元素旋转都是默认以Z轴进行旋转，即rotate==rotateZ，我们也可以通过rotateX和rotateY进行X轴和Y轴的旋转，需要注意的是需要加上perspective:500px；这个是投影的意思，投影即近大远小的原理，而这个取值可以理解为现实中眼睛距离一个物体的距离，距离越近，近大远小的效果越明显，需要注意的是这个属性一定要放在需要旋转的元素的父元素里面。

4.box-shadow和text-shadow是盒子和文字的阴影效果。也是css3新增的属性。