css如何让一张图片旋转

CSS可以让一张图片旋转，这是一种很酷炫的效果。下面，我们就来看看如何使用CSS实现图片旋转。

img {
    transition: transform 1s ease;
}
img:hover {
    transform: rotate(360deg);
}

首先，在CSS中，我们需要使用transition属性来制定图片变换的动画效果，这里我们设定图片变换的时间是1秒钟，同时我们也定义了变换的缓动函数为ease。

接下来就是实现图片旋转的关键代码。我们需要使用transform属性来实现图片旋转操作，并在:hover伪类中对该属性进行设置。这里我们设定图片以中心为轴，旋转360度。

最后我们需要注意的一点是，图片的旋转变换是一个比较复杂的操作，对于较老的浏览器来说，可能不支持变换操作。因此，在制作这样的效果时，一定要为不支持CSS3的浏览器提供一个备选方案。