CSS是一種用于描述網頁樣式的語言，它不僅可以用來實現頁面布局，還可以增強用戶體驗。其中，動畫是CSS最常用的功能之一，下面就介紹一下CSS中常用的動畫屬性。

/* 基本動畫屬性 */
animation-name：定義動畫名稱；
animation-duration：定義動畫周期時長；
animation-timing-function：定義動畫變化速度；
animation-delay：定義動畫延遲時間；
animation-iteration-count：定義動畫循環次數；
animation-direction：定義動畫循環方式；
/* 使用方法示例 */
.animated {
animation-name: myAnimation;
animation-duration: 2s;
animation-timing-function: ease;
animation-delay: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

除了基本動畫屬性，還有一些更常用的動畫屬性，例如：

/* 過渡動畫屬性 */
transition-property：定義過渡對象；
transition-duration：設置過渡時長；
transition-timing-function：定義過渡時間曲線；
transition-delay：設置動畫時延遲的時間；
/* 旋轉動畫屬性 */
transform：給元素應用 2D 或 3D 轉換；
transform-origin：指定元素變形的基準點；
rotate：將元素沿 Z 軸旋轉；
rotateX：將元素沿 X 軸旋轉；
rotateY：將元素沿 Y 軸旋轉；
/* 顏色動畫屬性 */
color：改變元素文本顏色；
opacity：修改元素透明度；
background-color：改變元素背景色；
/* 使用方法示例 */
.box {
transition-property: transform;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0.5s;
transform: rotate(45deg);
transform-origin: 50% 50%;
}
.box:hover {
opacity: 0.5;
background-color: #f00;
}

總之，使用CSS動畫屬性可以使我們的頁面更加生動有趣，增強用戶體驗。學習和掌握這些動畫屬性可以讓我們的工作更加高效。