CSS3在Web設計中扮演著越來越重要的角色，它給我們帶來了很多驚喜。在這篇文章中，我們將討論CSS3如何實現圖片放大旋轉。

.img {
transform-origin: center center;
transition: transform 1s;
}
.img:hover {
transform: scale(2) rotate(360deg);
}

如上代碼片段中，transform-origin屬性是用來設定旋轉的中心點位置，這里我們將其設為圖片重心的位置。接著，我們使用了transition屬性，指定了變換過渡的時間為1秒。最后，我們對該圖片的:hover偽類應用了transform屬性，指定放大2倍并旋轉360度的效果。

需要注意的是，CSS3transform屬性在過去幾年中已經被廣泛支持，但仍然需要考慮老舊瀏覽器的兼容性。同時，如果使用大圖，可能會導致頁面性能的問題，因此一定要根據實際情況進行優化。