css图片旋转缩放组合

CSS可以使用`transform`属性来实现图片的旋转和缩放组合效果。这个属性允许对元素的位置、大小、形状等进行变换操作。以下是结合旋转（rotate）和缩放（scale）的基本步骤：

1. **旋转**：使用`transform: rotate(degrees);`，其中`degrees`是旋转的角度，例如`transform: rotate(45deg);`会让元素顺时针旋转45度。

2. **缩放**：使用`transform: scale(x, y);`，x和y分别是水平方向和垂直方向的缩放比例。如果只想要等比例缩放，可以用一个值代替两个，如`transform: scale(0.5);`会将元素缩小一半。

3. **组合**：如果你想同时旋转并缩放，可以在一个`transform`声明中使用逗号分隔，比如`transform: rotate(45deg) scale(0.8);`会让元素先旋转45度然后按0.8的比例缩放。

.example {
  transform: rotate(45deg) scale(0.8);
  transition: transform 0.3s; /* 可选，添加过渡效果使变换平滑 */
}

记得给需要这种变换的元素设置一个动画时间（如上例中的`transition`），以便更好地展示变化过程。