可以使用 CSS3 中的 transform 和 animation 属性来制作无限循环的图片旋转效果。
首先，需要使用 transform 属性来将图片进行旋转，可以使用 rotate() 函数来实现，如下所示：
.rotate {
transform: rotate(360deg);
}然后，需要使用 animation 属性来控制图片旋转的动画效果，可以使用 @keyframes 规则来定义动画的关键帧，如下所示：
@keyframes rotating {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}最后，将 animation 属性应用到图片上，如下所示：
.rotate {
animation: rotating 2s linear infinite;
}其中，animation 属性的值包括动画名称、动画持续时间、动画时间函数和动画延迟时间，这里的值为 rotating 2s linear infinite，表示动画名称为 rotating，持续时间为 2 秒，时间函数为线性，延迟时间为无限循环。
完整的 CSS 代码如下所示：
.rotate {
transform: rotate(360deg);
animation: rotating 2s linear infinite;
}
@keyframes rotating {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}需要注意的是，使用 transform 和 animation 属性制作动画效果时，需要考虑浏览器的兼容性，可以使用浏览器厂商前缀来实现跨浏览器兼容。