CSS動畫是一種通過在網頁中使用CSS屬性和動畫效果來創建動態視覺效果的技術。在網頁設計中添加CSS動畫可以使網頁更加生動、有趣和易于理解。

以下是一些常見的CSS動畫：

1. 偽類元素動畫

偽類元素動畫是一種使用偽類元素和CSS屬性來創建的動畫效果。例如，使用`<之星>`元素創建一個閃爍的星星效果。

2. 漸變動畫

漸變動畫是一種使用CSS漸變屬性來創建的動畫效果。例如，使用`background-color`屬性將背景顏色設置為一個漸變色，就可以創建出一個平滑的過渡效果。

3. 旋轉動畫

旋轉動畫是一種使用CSS旋轉屬性來創建的動畫效果。例如，使用`transform`屬性將元素旋轉90度，就可以創建出一個旋轉效果。

4. 縮放動畫

縮放動畫是一種使用CSS縮放屬性來創建的動畫效果。例如，使用`transform`屬性將元素縮小一半，就可以創建出一個縮放效果。

5. 平移動畫

平移動畫是一種使用CSS平移屬性來創建的動畫效果。例如，使用`transform`屬性將元素向前平移一個像素點，就可以創建出一個平移效果。

6. 閃爍動畫

閃爍動畫是一種使用CSS閃爍屬性來創建的動畫效果。例如，使用`animation`屬性創建一個連續的閃爍效果。

7. 聲音動畫

聲音動畫是一種使用CSS聲音屬性來創建的動畫效果。例如，使用`animation-play-state`屬性將動畫效果設置為持續或暫停，就可以創建出一個聲音效果。

CSS動畫是一種功能強大的技術，可以創建出各種不同類型的動畫效果。通過使用不同的CSS屬性和動畫效果，可以創建出極具創意和個性化的網頁設計。