CSS中的transform屬性非常強大，可以實現很多炫酷的效果，其中就包括旋轉效果。但是，很多人在使用旋轉效果時，并沒有注意到旋轉的基準點會影響旋轉的軌跡，那么什么是旋轉的基準點呢？

旋轉的基準點，顧名思義，就是旋轉的中心點。我們可以使用transform-origin屬性來指定旋轉的基準點。這個屬性的使用非常靈活，可以取多個值，包括：

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

x-axis、y-axis和z-axis可以分別指定旋轉中心點在X、Y和Z三個方向上的位置，它們的值可以是百分比、像素或關鍵字。其中關鍵字包括如下五個：

transform-origin: top left;
transform-origin: top center;
transform-origin: top right;
transform-origin: center left;
transform-origin: center center;
transform-origin: center right;
transform-origin: bottom left;
transform-origin: bottom center;
transform-origin: bottom right;

上面這些關鍵字可以讓我們非常方便地指定旋轉中心點的位置，它們可以代表不同的位置，比如top left代表左上角、center right代表中間右側等。

還有一點需要注意的是，transform-origin屬性的使用順序是：先指定水平方向，再指定垂直方向，最后是Z軸方向（當使用3D旋轉時有效）。

總之，在使用CSS中的旋轉效果時，記得要注意旋轉基準點的位置，這會影響到旋轉效果的軌跡，有時候可能就是一個小小的細節問題，不過卻能影響到整個效果的呈現。