CSS是一種用于創建樣式和布局的語言，它的動畫屬性可以使網頁元素實現自我動畫效果。

/* 動畫屬性名 */
animation-name：動畫的名稱
animation-duration：動畫完成所需的時間
animation-timing-function：動畫的時間函數
animation-delay：動畫開始前的延遲
animation-iteration-count：動畫的播放次數
animation-direction：動畫的播放方向
animation-fill-mode：動畫結束時元素的樣式
animation-play-state：控制動畫的播放和暫停狀態

接下來我們一個一個地介紹這些屬性：

animation-name:動畫的名稱，我們可以為動畫指定一個名稱，方便在其他地方使用該動畫。語法如下：

animation-name: name;

animation-duration:動畫完成所需的時間，指定動畫的播放時間。語法如下：

animation-duration: time;

animation-timing-function:動畫的時間函數，指定動畫播放時間的計算方式。語法如下：

animation-timing-function: linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|cubic-bezier(x1, y1, x2, y2)

animation-delay:動畫開始前的延遲，指定動畫在開始播放前的等待時間。語法如下：

animation-delay: time;

animation-iteration-count:動畫的播放次數，指定動畫的播放次數，可以使用數值或者infinite無限次播放。語法如下：

animation-iteration-count: number|infinite;

animation-direction:動畫的播放方向，可以指定動畫的播放方向為正序或倒序或交替播放等。語法如下：

animation-direction: normal|reverse|alternate|alternate-reverse;

animation-fill-mode:動畫結束時元素的樣式，指定動畫結束后該元素的樣式。語法如下：

animation-fill-mode: none|forwards|backwards|both;

animation-play-state:控制動畫的播放和暫停狀態，可以使用running繼續播放動畫或paused暫停動畫。語法如下：

animation-play-state: running|paused;

在使用動畫屬性名時，我們可以結合使用以上屬性名，制作各種炫酷的動畫效果！