css 图片围绕中心点进行旋转

在CSS中，你可以使用`transform`属性来让图片围绕某个中心点进行旋转。主要有两种方式：

1. **绝对旋转**：使用`transform: rotate(angle);`直接指定旋转的角度。例如，如果想让元素逆时针旋转45度，可以这么写：

   .rotate-image {
     transform: rotate(45deg);
   }

如果你想以某一点为中心进行旋转，需要配合`transform-origin`，如 `transform-origin: center center;` 将旋转中心设置为元素的几何中心。

2. **相对旋转**：如果你想基于元素本身的尺寸进行旋转，可以使用百分比值作为`transform-origin`的坐标。比如：

   .centered-rotation {
     transform: rotate(45%);
     transform-origin: 50% 50%; /* 以元素宽度和高度的一半为中心 */
   }

这样图片会相对于其自身宽高的一半进行旋转。