CSS中的角度是指度數(shù),用于定義旋轉(zhuǎn)和傾斜等屬性。在CSS中可以使用度數(shù)、弧度和梯度三種角度單位。
.degrees { transform: rotate(45deg); } .radians { transform: rotate(0.7854rad); } .gradients { transform: rotate(50grad); }
其中,度數(shù)是最常用的單位,用于表示一個完整的圓有360度,可以用transform屬性的rotate()函數(shù)來設(shè)置旋轉(zhuǎn)或傾斜角度。如上述代碼中,.degrees類對元素進行45度的旋轉(zhuǎn)。
弧度是用于計算圓周長的單位,一個完整的圓的弧度數(shù)為2π,可以用Math.PI屬性或計算公式進行換算。在CSS中,也可以使用弧度單位來設(shè)置旋轉(zhuǎn)或傾斜角度,如.radians類在元素上進行0.7854弧度的旋轉(zhuǎn)。
梯度是基于圓被劃分為400個梯度而得到的單位,一個完整的圓的梯度數(shù)為400,可以用grad作為單位來設(shè)置角度。與度數(shù)類似,可以使用transform屬性的rotate()函數(shù)來進行旋轉(zhuǎn)或傾斜,如.gradients類會將元素旋轉(zhuǎn)50個梯度。
上一篇css中讓多余自符截取
下一篇css中讓div上下居中