在CSS中,可以通過transform屬性來實(shí)現(xiàn)傾斜角度的效果。
transform: skewX(20deg); transform: skewY(20deg);
skewX表示水平方向上的傾斜,skewY表示垂直方向上的傾斜。其中,括號中的數(shù)值表示傾斜的角度,可以是正數(shù)、負(fù)數(shù)或者0。
除了使用transform屬性外,還可以使用CSS3中的旋轉(zhuǎn)屬性rotation來實(shí)現(xiàn)傾斜角度的效果。
transform: rotate(20deg);
這樣,元素就會以中心點(diǎn)為軸心旋轉(zhuǎn)指定角度。
使用CSS實(shí)現(xiàn)傾斜角度的效果非常簡單,只需要掌握好transform屬性和rotation屬性的使用方法即可。