CSS繞中心點旋轉(zhuǎn)是CSS中非常常見的旋轉(zhuǎn)操作之一。它可以實現(xiàn)一些非常酷炫的效果，如菜單圖標(biāo)的動態(tài)變換、播放按鈕的旋轉(zhuǎn)等。

相信很多人第一次見到這個效果的時候，都會被它迷住。那么，如何讓元素圍繞中心點旋轉(zhuǎn)呢？下面我們來看下面一段代碼：

.example {
transform-origin: center;
transform: rotate(45deg);
}

在上面的代碼中，我們使用了transform-origin屬性來指定旋轉(zhuǎn)的中心點位置，將其設(shè)置為中心點。然后通過transform: rotate()函數(shù)來告訴瀏覽器要執(zhí)行旋轉(zhuǎn)操作，其中rotate()函數(shù)的參數(shù)即是要旋轉(zhuǎn)的角度數(shù)。在這里我們傳入了45度。

至于其它方向的旋轉(zhuǎn)，只需要調(diào)整函數(shù)中的角度即可。如果你需要向左旋轉(zhuǎn)，可以將角度設(shè)置為負(fù)數(shù)。

除了transform-origin和transform: rotate()之外，我們還可以使用其它函數(shù)來實現(xiàn)更多的效果。比如，我們可以結(jié)合scale()函數(shù)來實現(xiàn)縮小或放大和旋轉(zhuǎn)的效果：

.example {
transform-origin: center;
transform: rotate(45deg) scale(0.5);
}

在上面的代碼中，我們將元素縮小到原來的一半，并繞中心點旋轉(zhuǎn)45度。很明顯，這是一個將元素變形的操作，如果需要還原到原來的形狀，可以使用transform: none來清除所有變換。

總而言之，CSS繞中心點旋轉(zhuǎn)是一個非常實用的技巧，強(qiáng)烈建議各位開發(fā)者在實際項目中多加應(yīng)用。