CSS3 -webkit-transform(元素變換)

 

-webkit-transform：none | 類型

類型：scale：縮放，1為原始大小。scale(x)。正數放大，負數縮小。屬性值為一個時，x/y軸同時縮放；屬性值為兩個值時，分別控制x、y軸的縮放。

 

         rotate：水平旋轉，屬性值格式為Xdeg。(deg是“度”的意思)rotate(Xdeg)。X為正數時，順時針旋轉；為負數時，逆時針旋轉

         translate：平移，基於XY軸重新定位元素。translate(Xpx,Ypx)。屬性值為一個時，x、y軸參數相同；為兩個時，x、y軸分別定位

         skew：將元素沿水平方向傾斜變形。skew(Xdeg,Ydeg)。這個比較難表述，想象一下平行四邊形吧。屬性值為一個時，x、y軸參數相同；為兩個時，x、y軸各自傾斜

         matrix：矩陣

示例：

　　

.body{
    margin-top: 3%;
    -webkit-transform: scale(0.8,0.3);  /*設置放大縮小*/
}