CSS 有一個專門的屬性可以用來設定時間，那就是animation屬性。

該屬性可以讓元素在一段時間內進行動畫效果，比如從左到右移動、逐漸變透明等等。下面是animation屬性的語法：

.element {
animation: 動畫名稱 動畫時長 時序函數 重復次數 反向播放 延遲時間 暫停/繼續 播放狀態;
}

其中，各個屬性的含義如下：

• 動畫名稱：指定該動畫的名稱，可以自定義；
• 動畫時長：指定動畫持續的時間，單位可以是秒（s）或毫秒（ms）；
• 時序函數：指定該動畫的時序函數，也就是動畫變化曲線的速度和方式；
• 重復次數：指定該動畫應該重復播放的次數；
• 反向播放：指定該動畫應該以反向的順序播放。如果值為alternate，則表示每次播放到末尾后再倒回來播放；
• 延遲時間：指定該動畫開始前的延遲時間，單位可以是秒（s）或毫秒（ms）；
• 暫停/繼續：用于控制動畫的暫停和繼續播放狀態?？梢允褂?code>paused或running值；
• 播放狀態：用于指定動畫的播放狀態，可以使用forwards或backwards值。

下面是一個示例代碼，演示了如何使用animation屬性實現一個元素逐漸變為不透明并向右移動的動畫效果：

.element {
width: 100px;
height: 100px;
background-color: blue;
position: relative;
animation: move 2s ease-in-out 3 alternate;
}
@keyframes move {
0% {
opacity: 0;
left: 0;
}
100% {
opacity: 1;
left: 500px;
}
}

在上面的代碼中，我們定義了一個名為move的動畫，使元素在 2 秒鐘內逐漸向右移動，并在播放過程中反復交替播放 3 次。關鍵幀的 0% 處和 100% 處分別指定了該動畫的起始狀態和結束狀態。

總之，animation屬性是 CSS 中非常有用的一個屬性，可以用于給元素添加動畫效果，讓頁面更加生動有趣。