在CSS中，可以使用transform屬性來實現圖片旋轉的效果。下面是一個簡單的CSS代碼示例：

img:hover {
transform: rotate(45deg);
}

在上面的代碼中，我們設置了當鼠標指針懸停在圖片上時，圖片將被旋轉45度。這個效果可以很好地吸引用戶的注意力，使網站更加生動活潑。

除了hover之外，還可以在普通狀態下對圖片進行旋轉。例如：

img {
transform: rotate(90deg);
}

在上面的代碼中，我們將圖片旋轉了90度。但是需要注意的是，如果我們不希望圖片被影響，我們可以將旋轉的效果應用于圖片的父元素。例如：

.container {
transform: rotate(90deg);
}
.container img {
transform: rotate(-90deg);
}

在上面的代碼中，我們將容器旋轉了90度，然后將圖片旋轉了-90度，這樣就可以達到只旋轉容器而不影響圖片的效果。當然，如果想要圖片和容器一起旋轉，也可以省略最后一行代碼。

總之，在CSS中，使用transform屬性可以輕松地實現圖片旋轉的效果。不論是在鼠標懸停還是普通狀態下，都可以通過簡單的代碼來完成。開發者們可以根據自己的需要來選擇合適的旋轉方式。