今天我將要介紹一種非常實用的CSS代碼，那就是旋轉圖標代碼。通過這種代碼，我們可以輕松地在網站中添加豐富多彩的圖標，豐富頁面的視覺效果，提高用戶的體驗感受。 使用旋轉圖標代碼非常簡單，只需要在CSS中添加以下代碼：

.rotate {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

上述代碼中，.rotate代表所要旋轉的圖標，45deg代表角度，我們可以根據自己的需要來調整角度大小。 另外，如果要實現一個圖標的不斷旋轉效果，只需要添加以下代碼：

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

其中，spin代表所要旋轉圖標的名稱，2s代表旋轉的持續時間，linear表示動畫的速率。通過@keyframes可以設置動畫的起始和結束位置，我們可以通過增加或減少關鍵幀的數量來控制旋轉速度和旋轉方式。 總之，使用旋轉圖標代碼可以讓網站呈現更加豐富多彩的效果，為用戶帶來更好的體驗，推薦開發者們嘗試一下。