在Web設計中，使用圖片旋轉可以為頁面增加一些生動的視覺效果，而CSS可以實現不需要使用JavaScript的圖片旋轉。在CSS中，控制圖片旋轉速度非常簡單，只需要在CSS樣式中添加“animation-duration”屬性即可。

.img {
animation-name: rotate;
animation-duration: 3s; /* 設置旋轉時長為3秒 */
animation-iteration-count: infinite; /* 設置循環次數為無限次 */
animation-timing-function: linear; /* 設置動畫速度為線性勻速運動 */
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

在上面的代碼中，設置了一個名為“rotate”的關鍵幀動畫，通過指定“animation-duration”屬性為3s，可以控制圖片旋轉的速度。此外，使用“animation-iteration-count”屬性設置動畫循環次數為無限次，在“@keyframes rotate”中，從0度到360度通過旋轉進行了動畫的展示。

除了設置“animation-duration”屬性外，還可以使用其他屬性來控制圖片旋轉，例如“animation-delay”屬性，可以設置動畫開始前的延遲時間，或“animation-timing-function”屬性，按照指定的時間函數緩動動畫。

總而言之，CSS可以輕松控制圖片的旋轉速度，通過簡單的代碼設置，可以實現豐富的視覺效果。