transform属性

常用属性：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。

transform:rotate()：

含义：旋转

{ -webkit-transform : rotate (10deg ) ; -moz-transform : rotate (10deg ) }

transform:skew()：

含义：倾斜；

{ -webkit-transform : skew (20deg ) ; -moz-transform : skew (20deg ) }

transform:scale()：

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

{ -webkit-transform : scale (1 . 5 ) ; -moz-transform : scale (1 . 5 ) }

transform:translate()：

含义：变动，位移；如下表示向右位移120像素，如果向上位移，把后面的“0”改个值就行，向左向下位移则为负“-”。

{ -webkit-transform : translate (120px , 0 ) ; -moz-transform : translate (120px , 0 ) }