CSS中的旋轉效果是經常會用到的一種效果，而定義旋轉中心是實現該效果的一個重要方法。在CSS中，旋轉的默認中心是元素的中心點，但是，我們可以通過一些屬性來重新定義旋轉中心。

transform-origin: x-axis y-axis z-axis;

上述代碼中，x-axis表示在X軸上的旋轉中心位置，y-axis表示在Y軸上的旋轉中心位置，而z-axis則表示在Z軸上的旋轉中心位置。三個參數都可以使用百分比或長度值來指定，其中默認值為50%，表示元素中心點在該軸上的位置。如果元素并沒有設置position: relative/absolute/fixed/sticky其中之一，則元素的旋轉中心將以文檔流（flow）為準。

除了可以同時定義三個軸上的旋轉中心外，也可以只定義其中兩個軸：

transform-origin: x-axis y-axis; // 只定義X和Y軸
transform-origin: x-axis z-axis; // 只定義X和Z軸
transform-origin: y-axis z-axis; // 只定義Y和Z軸

總的來說，重新定義旋轉中心可以讓我們輕松地實現更加復雜的旋轉效果，同時也為我們提供了更加精細化的控制，以適應不同的布局和需求。