CSS 的 transform 屬性可以實現元素的旋轉、縮放、平移、傾斜等操作，并且可以按照指定的中心點進行變換。

transform: rotate(30deg);

上述代碼可以將元素繞其中心點順時針旋轉 30 度。

如果想要指定旋轉中心點，需要用到 transform-origin 屬性。

transform-origin: 50% 50%;

上述代碼將旋轉中心點設置在元素中心。transform-origin 的默認值為元素的中心點，在此基礎上可以按照 x 和 y 坐標的百分比進行偏移。

需要注意的是，在設置了 transform-origin 的情況下，元素的旋轉方向和角度將會發生變化。

例如，下面的代碼將元素繞左上角旋轉 30 度：

transform-origin: left top;
transform: rotate(30deg);

在實際應用過程中，可以使用 CSS 的動畫功能將元素進行旋轉。

@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.element {
animation: rotate 2s linear infinite;
}

上述代碼將元素繞中心點順時針旋轉 360 度，完成一次動畫效果。