轉(zhuǎn)換
定義:改變位置、形狀、尺寸{2D(XY軸)和3D(XYZ軸)}
2D:平面轉(zhuǎn)換:平移(move)、傾斜(skew)、旋轉(zhuǎn)(rotate)、縮放(scale)
3D:空間轉(zhuǎn)換
屬性:transform {2D、3D轉(zhuǎn)換}
none{默認(rèn)值不進(jìn)行轉(zhuǎn)換}
transform-function{平移縮放旋轉(zhuǎn)傾斜的方式}
transform:rotate(45deg)
正值是順時(shí)針,負(fù)值是逆時(shí)針
transform:skew(45deg)
負(fù)值是向右,正值反之,
transform:scale(0-1縮小,>1位放大)
transform:scale
(x,y)/scaleX/Y
transform-origin{默認(rèn)情況:變形的中心點(diǎn)是元素的中心點(diǎn);
寫法
}
transform-style:作用:是頁面以2D3D顯示
Fiat:默認(rèn)2D
preserve-3D:元素在3D空間展示;
特點(diǎn):必須在父類元素中設(shè)置:preserve-3D;不然無法顯示3D效果。