transform ： none | <transform-function> [ <transform-function> ]*
也就是：
transform: rotate | scale | skew | translate |matrix;
CSS3 transition过渡属性的使用
1.1、旋转rotate（）
rotate() :通过指定的角度参数对元素指定一个2D rotation(2D旋转)，需先有transform-origin属性的定义（默认旋转中点是中心点）。
transform-origin定义的是旋转的基点，其中angle是指选择角度，正顺时针旋转，负逆时针旋转。
1.2、移动translate（X,Y）
transform(100px,20px);
transform:translateX(100px):
transform:translateY(20px) 1.3、缩放scale（X,Y）
scale([, ])：提供执行[sx,sy]缩放矢量的两个参数指定一个2D scale（2D缩放）。如果第二个参数未提供，则取与第一个参数一样的值。而Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的,并以X为准。如：transform:scale(2,1.5);
1.4、斜切skew()
skew( [, ]) ：X轴Y轴上的skew transformation（斜切变换）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。skew是用来对元素进行扭曲变行，第一个参数是水平方向扭曲角度，第二个参数是垂直方向扭曲角度。其中第二个参数是可选参数，如果没有设置第二个参数，那么Y轴为0deg。同样是以元素中心为基点，我们也可以通过transform-origin来改变元素的基点位置。
transform:skew(30deg,10deg);
transiton-timing-function
过渡函数，有如下几种：
liner ：匀速
ease-in：加速
ease-out：减速
ease-in-out：先加速再减速
cubic-bezier：三次贝塞尔曲线，可以定制
