CSS中的rotate屬性可以實現元素的旋轉，但是在實際應用中，我們有時候需要指定旋轉的軸心，來達到更好的效果。下面我們來介紹如何設置CSS rotate軸心。

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

以上代碼是指定軸心的最基本方式，其中x-axis、y-axis、z-axis分別指定軸心在x、y、z三個方向上的位置，可以是像素、百分比或關鍵字（left、right、center、top、bottom等）。

transform-origin: center center;

如果只指定兩個值，表示x和y方向的軸心都在元素的中心。

transform-origin: left top;

如果指定兩個像素值，表示元素的左上角將成為軸心。

除了CSS屬性方式，我們還可以使用transfrom函數，如下：

transform: rotate(45deg) translate(50px, 50px) translate(-50%, -50%);

以上代碼表示先將元素繞默認軸心（元素中心）旋轉45度，然后平移50個像素，隨后再把元素回移動回原來的中心點。

當然也可以在transform函數中組合使用matrix函數，實現更加復雜的變換效果。