CSS動畫是一個讓網站變得更加生動、活潑、有趣的一個技術。CSS動畫歷經多個版本的發展，在CSS3的標準中，有許多css動畫的關鍵字，下面將逐一介紹。

1. animation
用來定義元素動畫的基本屬性。
- animation-name：指定動畫名稱，用于animation-keyframes。
- animation-duration：指定動畫時間長度。
- animation-timing-function：指定動畫速度變化曲線。
- animation-delay：指定動畫延遲時間。
- animation-iteration-count：指定動畫重復次數。
- animation-direction：指定動畫方向。
- animation-play-state：指定動畫播放狀態。
- animation-fill-mode：指定動畫完成后樣式如何保留。
例：
.box {
animation: myanimation 2s ease-in-out 1s infinite alternate both;
}
2. @keyframes
用來定義動畫幀。
例：
@keyframes myanimation {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
3. transition
用來定義元素在不同狀態下的變化方式。可以同時指定多個屬性變化，允許設置延遲和時長。
- transition-property：指定過渡效果的屬性。
- transition-duration：指定過渡效果的時長。
- transition-timing-function：指定過渡效果的時間函數。
- transition-delay：指定過渡效果的延遲時間。
例：
.box {
transition: all 1s ease-in-out 0.5s;
}
4. transform
用來改變元素的形狀、大小、位置等。
- translate()：移動元素。
- rotate()：元素旋轉角度。
- scale()：元素縮放。
- skew()：元素傾斜。
例：
.box {
transform: rotate(45deg) translate(10px, 20px) scale(1.2);
}

以上就是CSS動畫的關鍵字介紹。這些關鍵字可以讓我們使用CSS創建出精美的網頁動畫效果。