transform的屬性包括:rotate() 、skew() 、scale()、 translate(,) ,分別還有x、y之分,比如:rotateX() 和 rotateY() ,translateX()和translateY()等,以此類推。
1、transform:rotate():
含義:旋轉(zhuǎn);其中“deg”是“度”的意思,如“10deg”表示“10度”下同。
2、transform:skew():
含義:傾斜;參數(shù)表示傾斜角度,單位deg
一個參數(shù)時:表示垂直方向的傾斜角度;
兩個參數(shù)時:第一個參數(shù)表示垂直方向的傾斜角度,第二個參數(shù)表示水平方向的傾斜角度。
skewX(30deg):(縱軸逆時針轉(zhuǎn)動)
skewY(10deg):(橫軸順時針轉(zhuǎn)動)
skew(30deg, 10deg) 如下圖:
3、transform:scale():
含義:比例;“1.5”表示以1.5的比例放大,如果要放大2倍,須寫成“2.0”,縮小則為負“-”。
4、transform:translate():
含義:位移;如下表示向右位移120像素,向左向下位移則為負“-”。