轉(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)
正值是順時針焦匈,負(fù)值是逆時針
transform:skew(45deg)
負(fù)值是向右血公,正值反之,
transform:scale(0-1縮小,>1位放大)
transform:scale
(x,y)/scaleX/Y
transform-origin{默認(rèn)情況:變形的中心點是元素的中心點缓熟;
寫法
}
transform-style:作用:是頁面以2D3D顯示
Fiat:默認(rèn)2D
preserve-3D:元素在3D空間展示累魔;
特點:必須在父類元素中設(shè)置:preserve-3D;不然無法顯示3D效果够滑。