CSS動畫不僅可以為網站增加更多的交互性，還會讓整個用戶體驗更加舒適。CSS中提供了一個屬性用于設置動畫持續時間，這是非常重要的。通過設置動畫持續時間，可以控制動畫的速度和效果，以確保它們對您的網站性能沒有太大影響。下面是如何設置CSS動畫持續時間的方法。 首先，我們得確定要添加動畫的元素。這可以是頁面上的任何元素，例如按鈕，圖像，文本和導航欄。然后，為它們創建CSS樣式并添加動畫。下面是一個按鈕動畫的示例：

.btn {
display: inline-block;
padding: 12px 30px;
font-size: 16px;
color: #fff;
background-color: #007bff;
transition: all .5s ease-in-out;
}
.btn:hover {
transform: translateY(-5px);
}

在上面的代碼片段中，我們定義了一個.btn類，包括按鈕的基本樣式，如字體大小，顏色和背景顏色，并使用transition屬性添加了一個基本的動畫。在按鈕懸停時，我們添加了一個transform屬性來實現按鈕帶動畫的移動效果。現在我們需要設置動畫持續時間。以下是創建CSS動畫持續時間的方法：

.btn {
display: inline-block;
padding: 12px 30px;
font-size: 16px;
color: #fff;
background-color: #007bff;
transition: all .5s ease-in-out;
}
.btn:hover {
transform: translateY(-5px);
transition-duration: 1.5s;
}

在上面的代碼中，我們仍然使用相同的基本按鈕樣式和懸停按鈕的移動效果，但是現在我們額外添加了一個transition-duration屬性來更改動畫的持續時間。在這種情況下，我們將它設置為1.5秒，比默認值0.5秒要長。這意味著在鼠標滑過按鈕時，動畫的效果會比之前更慢。通過調整這個值，可以為網站的每個元素創建適當的動畫效果。 總之，CSS動畫可以讓您的網站更具吸引力、交互性和可見性。設置動畫持續時間是進行CSS動畫的關鍵，可以調整動畫的速度和效果。借助CSS中的transition-duration屬性，可以輕松地為網站上的每個元素創建動畫。