css3轉換

1、css32D轉換

2D變換方法：
translate()
rotate()
scale()
skew()
matrix()

（1）translate() 平移 方法，根據左(X軸)和頂部(Y軸)位置給定的引數，從當前元素位置移動。

div{
    transform:translate(50px,100px);//第一x軸，第二y軸

}

（2）rotale（）方法 旋轉

rotate()方法，正值順時針旋轉的元素。負值，元素逆時針旋轉。

div{
    transform:rotate(30deg);
}

（3）scale()方法，該元素增加或減少的大小，取決於寬度（X軸）和高度（Y軸）的引數：

scale（2,3）

　scale（2,3）轉變寬度為原來的大小的2倍，和其原始大小3倍的高度。

（4）skew（）方法 變形

包含兩個引數值，分別表示X軸和Y軸傾斜的角度，如果第二個引數為空，則預設為0，引數為負表示向相反方向傾斜。

skewX(<angle>);表示只在X軸(水平方向)傾斜。
skewY(<angle>);表示只在Y軸(垂直方向)傾斜。

div{transform:skew(30deg,20deg);}

skew(30deg,20deg)元素在X軸和Y軸上傾斜20度30度。