CSS中有一個很有趣的特性，即當鼠標指針懸停在某個元素上時，可以通過CSS屬性讓該元素產生一些特效，比如說圖片旋轉。

.img {
transition: transform 0.5s;
}
.img:hover {
transform: rotate(360deg);
}

首先，我們需要一個圖片元素，可以是img標簽或者背景圖。然后我們定義一個CSS類名為img并給其添加transition屬性，這個屬性會讓圖片在樣式變化時有一個平滑過渡的效果。

接著，在:hover狀態下，我們給該元素添加一個transform屬性并將其值設置為rotate(360deg)，這個值會讓圖片進行一次完整的旋轉。當鼠標從圖片上移開時，圖片會回到原始狀態。

需要注意的是，旋轉是以中心點為軸心旋轉的，默認是元素的中心點，可以通過transform-origin屬性來設置旋轉的中心點。

.img {
transition: transform 0.5s;
transform-origin: 50% 50%;
}

在上面的代碼中，我們將旋轉的中心點設置為圖片的中心點。

總的來說，通過CSS的:hover狀態和transform屬性，我們可以很容易地實現圖片旋轉的效果，讓網頁更加生動有趣。