CSS可以通過設置元素的動畫效果來讓頁面更加生動。設置動畫的核心是設置時間參數。CSS提供了多種設置時間的方法。

第一種方式是使用關鍵幀動畫（@keyframes）。設置一個幀動畫，可以定義多個關鍵幀，每個關鍵幀定義某一時刻下的元素狀態。在每個關鍵幀之間，瀏覽器會自動計算中間狀態。通過設置每個關鍵幀的時間百分比，CSS可以確定每個關鍵幀的位置。例如，下面的代碼創建了一個簡單的彈跳動畫：

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}

上面代碼中，“bounce”是動畫的名稱，它定義了一個簡單的彈跳動畫。動畫的每個關鍵幀都是用百分比來表示的。

第二種方式是使用transition屬性。當元素的某個屬性發生改變時，可以使用transition屬性來設置過渡效果。例如，下面的代碼實現了當鼠標懸停在一個按鈕上時，按鈕的背景顏色從白色漸變為灰色的過渡效果：

button {
background-color: white;
transition: background-color 1s;
}
button:hover {
background-color: gray;
}

上面代碼中，使用transition屬性來設置當按鈕背景顏色改變時，過渡動畫的持續時間為1秒。

第三種方式是使用animation屬性。這種方式類似于關鍵幀動畫，但是可以設置更多的參數。例如，下面的代碼實現了一個旋轉的loading動畫：

.loading {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

上面代碼中，“spin”是動畫的名稱，它定義了一個旋轉動畫。動畫的持續時間為1秒，運動方式為線性，動畫重復無限次。

綜上所述，CSS提供了多種設置時間的方式，開發人員可以根據需要來選擇使用哪種方式來實現需要的動畫效果。