transform可實現四種文字或圖像的變形處理，分別是旋轉，縮放，傾斜，移動

旋轉：

使用rotate，在參數中加入角度值，角度值后面跟表示單位的“deg”文字即可，旋轉方向為順時針

-webkit-transform:rotate(45deg);//Safari或Chrome

-moz-transform:rotate(45deg);//Firefox

-o-transform:rotate(45deg);//Opera

縮放：

使用scale方法，“scale(0.5)”表示縮小50%，“scale(0.5,2)”表示水平方向縮小50%，垂直方向放大一倍

傾斜：

使用skew方法，在參數中分別指定水平方向上的傾斜角度與垂直方向上的傾斜角度，“skew(30deg,30deg)”表示水平傾斜30度，垂直傾斜30度

移動：

使用translate方法，在參數中分別指定水平方向上的移動距離與垂直方向上的移動距離，“translate(50px,50px)”表示水平移動50個像素，垂直移動50個像素