transform的屬性包括:rotate() 骂远、skew() 、scale()腰根、 translate(,) 激才,分別還有x、y之分额嘿,比如:rotateX() 和 rotateY() 瘸恼,translateX()和translateY()等,以此類(lèi)推册养。
1东帅、transform:rotate():
含義:旋轉(zhuǎn);其中“deg”是“度”的意思球拦,如“10deg”表示“10度”下同靠闭。
2、transform:skew():
含義:傾斜坎炼;參數(shù)表示傾斜角度愧膀,單位deg
一個(gè)參數(shù)時(shí):表示垂直方向的傾斜角度;
兩個(gè)參數(shù)時(shí):第一個(gè)參數(shù)表示垂直方向的傾斜角度谣光,第二個(gè)參數(shù)表示水平方向的傾斜角度檩淋。
skewX(30deg):(縱軸逆時(shí)針轉(zhuǎn)動(dòng))
skewY(10deg):(橫軸順時(shí)針轉(zhuǎn)動(dòng))
skew(30deg, 10deg) 如下圖:
3、transform:scale():
含義:比例抢肛;“1.5”表示以1.5的比例放大,如果要放大2倍碳柱,須寫(xiě)成“2.0”捡絮,縮小則為負(fù)“-”。
4莲镣、transform:translate():
含義:位移福稳;如下表示向右位移120像素,向左向下位移則為負(fù)“-”瑞侮。