順時針旋轉360度是一個很常見的動畫效果，在CSS中實現也很簡單。

.rotate {
animation: spin 1s linear infinite;
}
@keyframes spin {
to {transform: rotate(360deg);}
}

在上面的代碼中，我們首先給需要旋轉的元素加上了一個類名 .rotate，然后定義了一個名為 spin 的動畫，使其在 1 秒內按照線性的方式無限循環。具體來說，我們使用了 animation 屬性來實現動畫效果，設定了兩個參數: spin 代表動畫名稱，1s 代表動畫總時長。

在接下來的代碼中，我們使用了 @keyframes 關鍵字，定義了一個從 0% 到 100% 的動畫過程。在這個過程中，我們使用了 transform 屬性來實現旋轉，將元素繞中心軸旋轉 360 度，實現完整的順時針旋轉動畫效果。

最后，我們將定義好的動畫 spin 應用到 .rotate 類名上，即可實現順時針旋轉 360 度的效果。