transform功能
放縮使用sacle方法實現文字或影象的放縮處理，在引數中指定縮放倍率，比如sacle(0.5)表示縮小50%，例子如下：
scale方法使用示例
示例文字
另外，可以分別指定元素水平方向的放大倍率與垂直方向的放大倍率，例子如下：
scale方法使用示例
示例文字
傾斜使用skew方法來實現文字或影象的傾斜處理，在引數中分別指定水平方向上的傾斜角度與垂直方向上的傾斜角度，例如」skew(30deg,30deg)」表示水平方向上傾斜30度，垂直方向傾斜30度，例子如下：
skew方法使用示例
示例文字
程式設計客棧l>
旋轉使用rotate方法將元素進行旋轉，共乙個引數「角度」，單位deg為度的意程式設計客棧思，正數為順時針旋轉，負數為逆時針旋轉。例子如下：
對元素使用多重變形的示例
示例文字
移動使用translate方法來將文字或影象進行移動，在引數中分別指定水平方向上的移動距離與垂直方向上的移動距離。例如：
translate方法使用示例
示例文字
變形示例
示例1：
對元素使用多重變形的示例
示例文字
這個例子是先移動，然後旋轉，最後放縮
效果：示例2：
程式設計客棧ead>
對元素使用多重變形的示例
示例文字
css3動畫屬性系列之transform
1 scale x,y 對元素進行縮放 x表示水平方向縮放的倍數 y表示垂直方向的縮放倍數 y是乙個可選引數，沒有設定的話，則表示x，y兩個方向的縮放倍數是一樣的。並以x為準 transform scale 2,2.5 2 scalex 元素只在x軸 水平方向 縮放元素。預設值是1，基點一樣在元素的...
css3系列之transform 詳解scale
scale scalex scaley scalez scale3d 改變的不是元素的寬高，而是 x 和 y 軸的刻度 本章有個很冷門的知識點 scale 和 rotate 一起使用 scalex scaley 縮放該元素，1 放大，1 縮小 預設值是 1 看了上面的圖，你可能會覺得，好像是100p...
css3系列之transform 詳解scale
scale scalex scaley scalez scale3d 改變的不是元素的寬高，而是 x 和 y 軸的刻度 本章有個很冷門的知識點 scale 和 rotate 一起使用 scalex scaley 縮放該元素，1 放大，1 縮小 預設值是 1 看了上面的圖，你可能會覺得，好像是100p...