CSS3動畫循環是一種非常實用的技術，它讓我們可以將動畫無限循環播放，使得網站變得更加生動有趣。

@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.animate {
animation-name: rotate;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

在上面的代碼中，我們創建了一個名為“rotate”的“@keyframes”動畫，它讓一個元素在2秒鐘內按照線性速度從0度旋轉到360度。然后，我們給元素添加了一個類名為“animate”，其中包含了“animation-name”、“animation-duration”、“animation-timing-function”和“animation-iteration-count”屬性。

其中，“animation-name”屬性指定了要應用的動畫名稱，“animation-duration”屬性指定了動畫的持續時間，“animation-timing-function”屬性指定了動畫的時間函數，這里我們使用了線性函數，表示動畫在整個過程中的速度都是勻速的。最后，“animation-iteration-count”屬性指定了動畫的播放次數，我們將其設置為“infinite”表示動畫將無限循環播放。

在實際應用中，我們可以將這段代碼應用到任何需要旋轉的元素上，例如圖片、圖標或Logo等等。通過不同的動畫設置，我們可以制作出各種各樣的生動有趣的動畫效果，為網站帶來更加活力的氣息。