CSS3中提供了旋轉動畫的功能，使用transform屬性實現。其中，可以指定旋轉的角度和旋轉的時間。在CSS中，旋轉的時間可以使用transition-duration屬性來控制。下面我們來了解一下如何在CSS中指定旋轉時間的方法。

.rotate {
width: 50px;
height: 50px;
background-color: red;
transform: rotate(45deg);
transition-duration: 2s;
}

在上面的代碼中，我們創建了一個rotate類，并使用了transform屬性來將其旋轉了45度。同時，使用transition-duration屬性來指定了旋轉時間為2秒。

當鼠標懸停在該元素上時，我們可以看到元素會以2秒鐘的時間從原來的狀態旋轉到指定的45度角度。如果我們希望將旋轉時間增加到5秒鐘，只需要將代碼中的transition-duration屬性值修改為5s即可。

需要注意的是，在使用旋轉動畫時，需要指定旋轉中心點?？梢允褂胻ransform-origin屬性來指定旋轉中心點的位置，其中，可以使用相對位置或絕對位置來指定。例如：

.rotate {
width: 50px;
height: 50px;
background-color: red;
transform: rotate(45deg);
transform-origin: center center;
transition-duration: 2s;
}

在上面的代碼中，我們將旋轉中心點設置為元素的中心點，即水平方向和垂直方向上的50%位置處。這樣，就可以確保元素在旋轉動畫中始終以中心點為軸心旋轉。

使用CSS的旋轉動畫可以為網站添加更多的視覺效果，提高用戶體驗。通過控制transition-duration屬性值，我們可以隨時調整旋轉時間，以適應不同的需求。希望上面的介紹可以幫助您更好地了解如何控制旋轉時間。