CSS旋轉動畫能使網頁更加生動活潑，但在動畫中，元素的旋轉點也很重要。在CSS中設置旋轉點非常簡單，可以使用transform-origin屬性輕松實現。transform-origin屬性控制元素旋轉的轉換點，可以設置不同類型的值以達到不同的旋轉效果。

下面是transform-origin屬性的語法：

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

x-axis、y-axis和z-axis的值可以是像素、百分比、關鍵字或者兩個值的組合。如果只設置一個值，它將被用作x軸和y軸的值。

以下是一些示例：

• transform-origin: 50% 50%; /* 元素的中心點 */
• transform-origin: 0 0; /* 元素的左上角 */
• transform-origin: right bottom; /* 元素的右下角 */

如果想旋轉元素的某個角度而不是整個元素，還可以結合使用transform和transform-origin屬性。例如，如果想將元素旋轉45度，但保持其中心點不動，可以這樣寫：

transform-origin: 50% 50%;
transform: rotate(45deg);

以上就是如何在CSS中設置旋轉點的方法。通過transform-origin屬性，可以讓CSS旋轉動畫更加靈活自如。