css3 旋转背景图

CSS3中的旋转背景图功能允许你通过CSS样式对元素的背景图像进行动态旋转。你可以使用`background-image`, `transform-origin`, 和 `transform` 属性来实现这一效果。下面是一个简单的例子：

div {
  width: 200px;
  height: 200px;
  background-image: url('your-background-image.jpg');
  background-repeat: no-repeat;
  transform: rotate(45deg); /* 旋转角度 */
  transition: transform 0.5s; /* 添加过渡动画效果 */
}

在这个示例中，`rotate(45deg)`会将背景图片按顺时针方向旋转45度。`transition`属性用于添加平滑的过渡效果，当旋转发生时，图片会有渐变的效果。

如果你想让旋转中心位于某个特定点，可以设置`transform-origin`，比如`transform-origin: center center;`表示旋转中心在元素的中心。