CSS3 transform

transform的属性包括：rotate() 、skew() 、scale()、 translate(,) ，分别还有x、y之分，比如：rotateX() 和 rotateY() ，translateX()和translateY()等，以此类推。

1、transform:rotate()：

含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。

2、transform:skew()：

含义：倾斜；参数表示倾斜角度，单位deg

一个参数时：表示垂直方向的倾斜角度；

两个参数时：第一个参数表示垂直方向的倾斜角度，第二个参数表示水平方向的倾斜角度。

skewX(30deg)：（纵轴逆时针转动）

skewY(10deg)：（横轴顺时针转动）

skew(30deg, 10deg) 如下图：

3、transform:scale()：

含义：比例；“1.5”表示以1.5的比例放大，如果要放大2倍，须写成“2.0”，缩小则为负“-”。

4、transform:translate()：

含义：位移；如下表示向右位移120像素，向左向下位移则为负“-”。