css3中， 最常用的2D静态变换有一下5种，他们都包含在transform方法中
* translate()
* rotate()
* scale()
* skew()
* matrix()
下面来逐一介绍
translate()方法
通过translate()方法，元素从当前位置发根据传如入的2个参数（x坐标，y坐标）发生位移。
例如：transform(50px,100px) //元素向左偏移50px，向下偏移100px
rotate()方法
通过rotate()方法，元素顺时针旋转参数指定的角度，如果参数传入是负值，元素将逆时针旋转。
例如：transform:rotate(30deg); //元素顺时针旋转30度。
transform:rotate(30deg); //元素逆时针旋转30度。
scale()方法
通过scale()方法，元素的尺度会增加或减少，根据参数传入的宽度倍数和高度倍数发生变化。
例如： transform:scale(2,4); //元素宽度转换成原来尺度的2倍，高度转换为原来高度的4倍。
skew()方法
通过skew()方法，元素翻转给定的角度，根据参数传入的水平线（x轴）和垂直线（y轴）翻转。
例如：transfrom:skew(30deg,20deg); //元素围绕x轴吧元素翻转30度，围绕y轴翻转20度。
matrix()方法
matrix()方法实质是将上面的旋转，缩放，位移以及倾斜方法合在一个元素。其要求元素传进6个参数。
css3 2D变换
原文地址：http://www.cnblogs.com/binguo666/p/7568673.html