CSS3有很多強大的特性，其中之一就是旋轉動畫。在這篇文章中，我們將介紹如何使用css3順時針旋轉動畫。

/*以下是CSS代碼*/
.box{
width: 100px;
height: 100px;
background-color: red;
/*設置旋轉中心為盒子的中心*/
transform-origin: 50% 50%;
/*設置動畫時間為3秒*/
animation: rotate 3s linear infinite;
}
/*定義旋轉動畫*/
@keyframes rotate{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}

首先，我們會創建一個div盒子，用來展示旋轉動畫效果，給盒子設置寬高和背景色，然后設置旋轉中心為盒子的中心。這里我們通過transform-origin屬性來實現。接著我們定義一個動畫，命名為rotate，并設置它的時間為3秒、變化方式為線性、循環播放。最后，在@keyframes規則中定義了旋轉的起點和終點，從0度到360度，這樣旋轉動畫就成型了。

你可以根據需要設置動畫效果的時間、循環次數、變化方式等等。使用CSS3順時針旋轉動畫可以為網站添加一些生動的效果，提高用戶體驗。