CSS動畫對于頁面設計和交互來說是非常重要的一部分，除了設計動畫效果外還需要了解如何控制動畫執行的時間，下面我們就來學習一下CSS設置動畫時間的屬性。

// CSS動畫屬性
.animation {
animation-name: myanimation; /* 動畫名稱 */
animation-duration: 2s; /* 動畫執行時間 */
animation-timing-function: ease-in-out; /* 動畫執行時間函數 */
animation-iteration-count: infinite; /* 動畫執行次數 */
}
// 設置動畫執行時間
.animation {
animation-duration: 2s; /* 動畫執行時間為2秒 */
}

上面的代碼中，animation-duration屬性可以設置動畫執行的時間，單位為秒(s)或毫秒(ms)，可以使用整數或小數來表示時間。可以發現，這個屬性對于CSS動畫非常關鍵，通過設置合理的執行時間可以讓動畫效果更加流暢自然。

需要注意的是，設置動畫時間時必須要考慮用戶的體驗，并且要充分測試動畫效果，避免出現頁面卡頓等影響用戶體驗的問題。

除了設置動畫時間，還可以通過animation-delay屬性設置動畫延遲執行的時間，通過animation-fill-mode屬性設置動畫結束后元素的樣式狀態等等，針對不同的需求可以使用不同的屬性來控制動畫效果。