CSS中的transform屬性提供了多種變換效果，其中包括旋轉效果。通過設置旋轉角度（單位為deg），元素可以實現在平面內旋轉。那么，如何在CSS中設置旋轉效果呢？
1. 設置基本的旋轉
可以通過transform:rotate(deg);的方式來設置元素的旋轉效果，其中deg表示旋轉的角度，正值表示順時針旋轉，負值表示逆時針旋轉。例如，將一個div元素逆時針旋轉90度，則可以使用如下的代碼：
div {
transform:rotate(-90deg);
}2. 設置基于某個中心點的旋轉
默認情況下，元素按照其左上角為中心點進行旋轉。但是也可以通過設置transform-origin屬性，來指定元素的旋轉中心。例如，將一個div元素以其中心點為中心進行逆時針旋轉90度，則可以使用如下的代碼：div {
transform-origin:center;
transform:rotate(-90deg);
}3. 結合其他變換來實現旋轉
transform屬性還可以與其他的變換效果結合使用，從而實現更加復雜的效果。例如，可以將一個div元素既進行旋轉，又進行縮放，具體代碼如下：div {
transform:rotate(-45deg) scale(0.8,0.8);
}通過上述的代碼，我們可以實現一個小正方形以45度的角度傾斜，并且縮小到原來的80%大小。
在CSS中，通過transform屬性可以實現簡單的旋轉，也可以與其他變換效果結合使用，從而實現更加多樣化的設計效果。掌握這些技巧，相信會讓你在網頁設計中大放異彩。