在網頁設計中，動畫效果的運用是非常常見的，可以為頁面增加美感，提升用戶體驗。但是動畫的持續時間往往需要進行控制，不同的場景需要不同的時間設置。在CSS中，我們可以通過調整過渡效果的時間屬性，來達到控制動畫時間的目的。

/* 以按鈕為例，設置它的 hover 狀態下的過渡時間為 0.5s */
button:hover {
transition: all 0.5s ease-in-out;
}
/* 在圖片輪播中，將圖片的淡入淡出效果時間設置為 2s */
.slider li {
opacity: 0;
transition: opacity 2s ease-in-out;
}
.slider li.active {
opacity: 1;
}

上面的代碼分別展示了在按鈕的hover狀態和圖片輪播中，如何利用transition屬性來調整過渡時間。transition屬性需要指定過渡的屬性、時間和過渡方式。在過渡時間上，常常使用秒（s）或毫秒（ms）作為單位。

總體來說，在控制動畫時間時，我們需要了解不同效果所需要的時間，并通過調整CSS的transition屬性來實現。當然，我們也可以額外使用JavaScript等工具，進行更加精細的動畫時間控制。