CSS變形的理解

CSS3變形的理解

1.css3 transfrom是對元素進行變形

2.transform 2D/3D 轉換屬性向元素應用 2D 或 3D 轉換。該屬性容許咱們對元素進行旋轉、傾斜、縮放或移動。

3.transfrom-rotate 指函數經過指定的角度參數使元素相對原點進行旋轉。它主要在二維空間內進行操做，設置一個角度值，用來指定旋轉的幅度。若是這個值爲正值，元素相對原點中心順時針旋轉；若是這個值爲負值，元素相對原點中心逆時針旋轉。

4.skew 函數可以讓元素傾斜顯示。它能夠將一個對象以其中心位置圍繞着X軸和Y軸按照必定的角度傾斜。這與rotate()函數的旋轉不一樣，rotate()函數只是旋轉，而不會改變元素的形狀。skew()函數不會旋轉，而只會改變元素的形狀。

5.scale用來實現文字或圖像的縮放處理，在參數中指定縮放倍率。

6.translate用來移動文字或圖像，在參數中分別指定水平方向上的移動距離與垂直方向上的移動距離。