在CSS3中，我們可以使用transform屬性對元素進行各種變形操作。其中，rotate()函數可以使元素沿著一點旋轉。

transform: rotate(30deg) /* 旋轉30度 */;

如果想要指定旋轉的中心點，可以使用transform-origin屬性。

transform-origin: 50% 50%; /* 將旋轉的中心點設置為元素中心 */
transform-origin: left bottom; /* 將旋轉的中心點設置為元素左下角 */

同時，我們還可以結合transition屬性實現動畫效果。

transition: transform 1s; /* 定義變形屬性的過渡效果 */
&:hover {
transform: rotate(360deg); /* 鼠標懸停時旋轉360度 */
}

需要注意的是，旋轉操作旋轉的實際上是元素的坐標系，而不是元素本身。因此在進行旋轉操作時，需要考慮元素本身的位置和大小，避免因為旋轉導致元素偏移、重疊等問題。

CSS3中旋轉操作的靈活性和動畫效果，為前端開發帶來了更多的可能性。我們可以通過旋轉操作，實現各種炫酷的動態效果，讓頁面更加生動有趣。