CSS3中的2D转换

/角度转换，deg是单位，代表多少度/
transform: rotate(45deg);默认是围绕Z轴旋转，也就是rotateZ();
/平移,第一个参数表示水平方向，第二个参数表示垂直方向/
transform: translate(100px,-20px)；
/缩放，第一个参数是水平方向，第二个参数是垂直方向，注意：取值是1表示不变，取值大于1表示放大，小于1表示缩小，如果水平和垂直的取值一样可以只写一个即可/
transform: scale(0.5,0.5)=>scale(0.5);

注意点：
1.如果需要进行多个转换，那么用空格隔开；
如：transform: rotate(45deg) translate(100px,0px) scale(0.5);
2.2D的转换模块会修改元素坐标系，所以旋转之后再平移就不是水平平移了。

transform-origin形变中心点（第一个参数是X轴坐标，第二个参数是Y轴坐标。取值有三种形式：1.具体像素 2.百分比 3.特殊关键字—如left/top/center…）
默认情况下所有的元素都是以自己的中心点作为参考来旋转的，我们可以通过形变中心点属性来修改它的参考点。

perspective透视属性
1.什么是透视？

• 近大远小
• 取值是多少像素，取值越小，近大远小的效果越明显，取值越大，近大远小的效果越不明显。一般500px就可以了。
  2.注意点：
  一定要注意，透视属性必须添加到需要呈现近大远小效果的元素的父元素上面。

如何给盒子添加阴影？
box-shadow:水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影
box-shadow:10px 10px 10px 5px black inset;
注意点：
1.盒子的阴影分为内外阴影，默认情况下就是外阴影。内阴影设置为inset;
2.快速添加阴影只需要编写三个参数即可，box-shadow:水平偏移 垂直偏移 模糊度；默认情况下阴影的颜色和盒子内容的颜色一直。

如何给文字添加阴影？
text-shadow:水平偏移 垂直偏移 模糊度 阴影颜色；