CSS3的過渡效果讓網頁設計變得更加豐富多彩，其中包括了圖片旋轉的功能。在本文中，我們將介紹如何使用CSS3實現圖片旋轉360度的效果。

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

上面的代碼中，我們先定義了img元素的過渡效果，具體來說就是當元素的transform屬性發生變化時，這個變化會在1秒鐘內平滑地過渡到目標狀態。

接著，我們使用:hover偽類實現鼠標懸停時的旋轉效果。其中，rotate()函數指定了旋轉的角度，這里是360度。

需要注意的是，為了實現360度的旋轉效果，我們還需要添加一個transform-origin屬性。這個屬性表示變換的起點，默認是元素的中心點，而我們需要將它設置為左上角。

img {
transition: transform 1s;
transform-origin: top left;
}
img:hover {
transform: rotate(360deg);
}

最后放上完整的代碼，供參考使用：

img {
transition: transform 1s;
transform-origin: top left;
}
img:hover {
transform: rotate(360deg);
}

至此，我們已經成功地實現了圖片旋轉360度的效果。你可以在自己的網頁中使用這個功能，為用戶帶來更加炫酷的視覺體驗。