CSS3動畫是一種非常炫酷的效果，它可以讓網站更加生動有趣。其中，圖片繞圈效果是最常見的一種。下面介紹一下如何實現這個效果。

.image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: rotate 5s infinite linear;
}
@keyframes rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

首先，我們需要給圖片加上一個絕對定位，并將它的位置移到頁面中心。然后，我們定義一個名為“rotate”的動畫，它會使圖片旋轉360度并無限循環。這個動畫可以自己調整，控制圖片旋轉的速率和方向。

在“rotate”動畫中，我們使用了CSS3新特性“@keyframes”。它定義了圖片在不同時刻里的狀態。0%代表開始狀態，100%代表結束狀態。在我們的例子中，開始狀態是圖片沒有旋轉，結束狀態是圖片旋轉了360度。

最后，我們將這個動畫應用到我們的圖片上。

總之，圖片繞圈動畫是一種非常炫酷的效果，它可以為網站增添生動和趣味。使用CSS3實現這個效果非常簡單，只需使用“@keyframes”和“animation”屬性就可以了。