CSS可以实现图片旋转效果，主要通过transform属性来实现。transform属性可以使元素应用旋转、缩放、偏移、斜切等变换效果，其中rotate()函数可以实现图片旋转效果。
使用transform属性实现图片旋转效果的步骤如下：
.img {
transform-origin: 50% 50%;
transform: rotate(45deg);
transition: transform 0.5s;
}
上面的代码中，transform-origin设置图片旋转中心，transform设置图片旋转角度，transition设置图片旋转过渡效果。
除了使用transform属性实现图片旋转效果，还可以使用animation实现，animation可以实现复杂的动画效果，比如图片旋转动画等。
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.img {
animation: rotate 5s linear infinite;
}
上面的代码中，@keyframes定义了一个rotate动画，其中transform设置图片旋转角度，animation设置动画时间、播放模式等。
通过以上两种方法，可以实现CSS图片旋转效果。
本文链接：http://task.lmcjl.com/news/5418.html