CSS中的旋轉是一種非常常見的效果，可以讓元素繞著旋轉中心進行旋轉。而旋轉中心，在CSS中是通過transform-origin屬性來設置的。

transform-origin屬性接受不同的值，可以是關鍵字（如top、bottom、left、right和center）或者是具體的長度或百分比值。它的默認值為50% 50% 0。

在進行旋轉時，元素默認以自身的中心進行旋轉。如果想要更改旋轉中心，則需要設置transform-origin屬性。例如，以下代碼將元素旋轉45度，并以左上角為旋轉中心：

.transform {
transform: rotate(45deg);
transform-origin: left top;
}

另外，還可以使用多個值來設置旋轉中心。例如，以下代碼將元素以左上角為旋轉中心，同時向右移動20像素，向下移動10像素：

.transform {
transform: rotate(45deg);
transform-origin: left top 20px 10px;
}

需要注意的是，transform-origin屬性的值是相對于元素本身的坐標系來計算的。例如，以下代碼將元素繞著其父元素的中心旋轉：

.parent {
position: relative;
}
.child {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: rotate(45deg);
transform-origin: center center;
}

以上就是CSS中旋轉中心的相關知識，希望可以幫助大家更好地實現元素的旋轉效果。