css3的变形属性

提供了两个变形属性，分别是 transform 和 transform-origin 。

transform有5种类型基本变形函数：

translate(x,y)：表示元素水平方向的移动x，垂直方向移动y，其中y可以省略，表示垂直方向没有位移。

　　translateX：表示元素水平方向移动x。

　　translateY：表示元素垂直方向移动y。

rotate(angle)：表示元素顺时针旋转angle角度，angle但单位通常为deg。

scake(x,y)：表示元素水平方向的缩放比为x，垂直方向的缩放比为y，其中y可以省略，表示y和x相同，以保持缩放比。

　　scaleX(x)：表示元素水平方向的缩放比为x。

　　scaley(y)：表示元素垂直方向的缩放比为y。

skew(angleX，angleY)：表示元素沿着x轴方向倾斜angleX角度，沿着y轴倾斜angleY角度，其中angleY可以省略，表示y轴方向不倾斜。

　　skewX(angleX)：表示元素沿着x轴方向倾斜angleX角度。

　　skewY(angelY)：表示元素沿着y轴方向倾斜angleY角度。

matrix(a,b,c,d)：将所有2D变形函数（旋转、缩放、移动、倾斜）组合在一起。

transform-origin：表示元素旋转的中心点，默认值为50%50%。第一个值表示元素旋转中心点的水平位置，它还可以赋值left、right、center、长度、百分比。