CSS動畫旋轉動畫效果是網頁設計中常用的一種動畫效果，它可以讓頁面中的元素旋轉起來，使頁面更加生動有趣。以下是使用CSS實現旋轉動畫效果的代碼：

.rotate {
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

這段代碼定義了一個名為“rotate”的CSS類，這個類可以應用于任何HTML元素中。在該類中定義了三個關鍵的CSS屬性：

• -webkit-animation: spin 1s linear infinite;：這個屬性定義了動畫效果的細節，其中“spin”是動畫的名稱；“1s”是動畫的執行時間，以秒為單位；“linear”定義了動畫的變化曲線；“infinite”定義了動畫的重復次數，無限重復。
• @keyframes spin {…}：這個屬性定義了動畫從開始到結束的過程，它包含了多個“keyframes”（關鍵幀），每個關鍵幀定義了動畫在該幀中的狀態，最終可以形成一個連續的動畫過程。
• transform: rotate(0deg);：這個屬性定義了元素的旋轉狀態，通過更改括號中的數值可以實現不同角度的旋轉。

總的來說，CSS動畫旋轉動畫效果是簡單而又實用的網頁設計技巧，它可以使頁面更加生動有趣。