CSS中可以非常簡單地實現元素旋轉的效果，可以使用旋轉函數來實現。在CSS3中有一個transform屬性，它可以用來改變元素的旋轉、縮放、位移、傾斜等等，非常強大。

具體來說，我們可以使用transform中的rotate()函數來實現元素的旋轉。rotate()函數需要一個參數，表示旋轉的角度，單位為度。例如，要將一個元素按照順時針方向旋轉45度，可以這么寫：

.rotate {
transform: rotate(45deg);
}

由于rotate()函數是CSS3新增的，因此需要注意兼容性問題。在較老的瀏覽器中可能會不支持該函數，因此我們需要使用瀏覽器前綴。例如在Webkit內核的瀏覽器中，需要這樣寫：

.rotate {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

除了rotate()函數外，還有很多其他的transform函數可以用來實現不同的效果，比如scale()函數可以縮放元素，translate()函數可以位移元素，skew()函數可以將元素傾斜等等。對于這些函數的使用，除了需要提供函數參數外，還可以組合使用，實現更加靈活豐富的效果。