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旋转动画更加灵活自如。