CSS旋轉動畫可以為網站添加一些活力和動態效果。動畫的持續時間是可以控制的，可以讓動畫持續幾秒鐘或持續幾分鐘。

/* 要旋轉的元素 */
.rotate {
width: 100px;
height: 100px;
background-color: blue;
/* 使元素繞z軸旋轉 */
transform: rotateZ(0deg);
/* 使元素平滑過渡，持續時間為3秒 */
transition: transform 3s ease;
}
/* 鼠標懸停時，使元素旋轉 */
.rotate:hover {
transform: rotateZ(360deg);
}

以上代碼演示了一個簡單的CSS旋轉動畫。我們首先創建一個div元素，并為其添加一個旋轉屬性。接下來，我們將動畫的持續時間設置為3秒，并為元素添加一個:hover偽類，當鼠標懸停在元素上時，元素將繞著z軸旋轉360度。

我們還可以進一步控制動畫的速度，讓元素的旋轉速度加快或減慢。可以通過改變transition屬性中的ease參數來實現：

/* 慢速旋轉 */
.rotate {
transition: transform 3s ease-in;
}
/* 快速旋轉 */
.rotate {
transition: transform 3s ease-out;
}
/* 先慢后快旋轉 */
.rotate {
transition: transform 3s ease-in-out;
}

除了控制持續時間和速度之外，還可以通過其他CSS屬性來修改旋轉動畫。例如，我們可以更改旋轉的原點，讓元素按照其他軸旋轉，或者通過添加其他動畫效果來增強旋轉動畫。總之，CSS旋轉動畫是一個非常有趣和靈活的動態效果，可以讓網站更加生動活潑。