图片在网页中扮演着重要角色，但是静态的图片缺乏吸引力。CSS3提供了许多动画效果，让网页更加生动，其中就包括图片自动旋转。

实现图片自动旋转的方法很简单，只需使用CSS3的transform和animation属性即可。下面是一个实例：

img{

width: 200px;

height: 200px;

margin: 0 auto;

transform: rotate(0deg);

animation: spin 10s linear infinite;

}

@keyframes spin{

100%{

transform: rotate(360deg);

}

在这段代码中，我们给图片设置了宽度和高度，并将其居中。接着使用transform属性将图片旋转0度，并使用animation属性设置动画效果，spin是动画名称，10s是动画时长，linear是动画速度，infinite表示动画无限循环。

关键在于@keyframes spin，它定义了动画的每个关键帧，这里只有一个关键帧，指定图片旋转到360度的位置。

这样，图片就会一直自动旋转了。

需要注意的是，这种效果只能在支持CSS3的浏览器中进行，如果您的网站需要兼容旧版浏览器，您可能需要考虑其他实现方法。但是，随着现代浏览器的不断更新，我们可以放心地使用CSS3动画效果为网站添加更多生动的元素。