在前端開發(fā)中，CSS的transform屬性可以實(shí)現(xiàn)很多有趣的效果，其中旋轉(zhuǎn)是其中比較常見的一種。在CSS中，我們可以使用transform: rotate()來實(shí)現(xiàn)元素的旋轉(zhuǎn)，而rotate()括號(hào)中傳入的參數(shù)則是旋轉(zhuǎn)的角度。在本文中，我們將介紹如何使用CSS將一個(gè)元素旋轉(zhuǎn)90度。

.rotate-90 {
transform: rotate(90deg);
}

上述代碼中，我們定義了一個(gè)名為rotate-90的類，然后使用transform屬性來將對應(yīng)的元素旋轉(zhuǎn)90度。rotate()括號(hào)中的參數(shù)為90deg，即旋轉(zhuǎn)90度。

此外，我們還可以使用transform-origin屬性來控制旋轉(zhuǎn)的基準(zhǔn)點(diǎn)。默認(rèn)情況下，旋轉(zhuǎn)的基準(zhǔn)點(diǎn)是元素的中心點(diǎn)。如果我們需要改變旋轉(zhuǎn)基準(zhǔn)點(diǎn)，可以使用transform-origin屬性，并傳入X軸和Y軸的偏移值，比如transform-origin: top left; 將旋轉(zhuǎn)基準(zhǔn)點(diǎn)設(shè)置為元素的左上角。

總結(jié)一下，CSS的transform屬性可以用來實(shí)現(xiàn)元素的旋轉(zhuǎn)效果，我們可以使用rotate()傳入旋轉(zhuǎn)角度來實(shí)現(xiàn)旋轉(zhuǎn)效果。同時(shí)，也可以使用transform-origin屬性來改變旋轉(zhuǎn)的基準(zhǔn)點(diǎn)。