在CSS中，我們可以使用transform屬性來對元素進行旋轉。旋轉有兩個重要的屬性：旋轉方向和旋轉角度。

旋轉方向包括兩種：順時針和逆時針。我們可以使用CSS3的rotate函數來實現旋轉。例如：

.rotate-clockwise {
transform: rotate(30deg);
}
.rotate-counterclockwise {
transform: rotate(-30deg);
}

以上代碼分別將元素順時針旋轉30度和逆時針旋轉30度。

旋轉角度包括0到360度，可以是正數也可以是負數。例如：

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

以上代碼分別將元素旋轉90度、180度和逆時針旋轉30度。

除了rotate函數之外，還可以使用其他的旋轉函數，例如rotateX、rotateY和rotateZ，這些函數分別對應繞著X軸、Y軸和Z軸進行旋轉，可以實現更多的旋轉效果。旋轉函數的使用方法與rotate函數類似，只需要更改參數。