CSS旋轉動畫可以使你的網站更加吸引人，同時也能為網站添加更多的互動性。在本文中，我們將學習使用JavaScript來添加CSS旋轉動畫。

CSS3提供了許多預定義的動畫效果。為了使用這些動畫，我們只需要在CSS樣式中添加相關的類名即可。例如，要在元素上添加旋轉動畫，只需要添加“rotate”類名即可。

/* CSS代碼 */
.rotate{
animation: rotate 2s linear infinite;
}
@keyframes rotate{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}

現在，我們來學習如何使用JavaScript來添加CSS旋轉動畫。

/* JavaScript代碼 */
// 獲取元素
var element = document.getElementById("your-element");
// 添加類名
element.classList.add("rotate");

如上面的代碼所示，我們首先使用JavaScript獲取需要添加CSS旋轉動畫的元素。接下來，我們使用element.classList.add()方法向該元素添加“rotate”類名，以觸發CSS旋轉動畫。

注意：在使用classList.add()方法之前，請確保選擇的元素已經在頁面上正確顯示，否則該方法將無法添加類名。

現在，當您通過代碼向元素添加“rotate”類名時，您的元素將開始旋轉！

總的來說，通過使用JavaScript來添加CSS旋轉動畫，您可以為您的網站增加更多交互性和吸引力。