在CSS中，動畫效果是實現頁面交互性的重要手段之一。它不僅可以讓頁面看起來更加生動、有趣，而且還可以增強用戶體驗感。CSS中的動畫效果主要包括以下幾種類型：

1. 逐幀（frame-by-frame）動畫效果：逐幀動畫效果就是將每一幀的圖像進行繪制，然后在規定時間內一幀一幀地連續展示，實現圖像的動起來的效果。這種動畫效果常用于動畫電影和游戲開發中，如下所示：
@keyframes example {
from {background-image: url(image1.png);}
to {background-image: url(image2.png);}
}

2. 轉換（transform）動畫效果：轉換動畫效果可以改變元素的形狀、大小、位置等屬性的動畫效果。其中包括平移、旋轉、縮放、扭曲等效果。例如：
.box{
background:orange;
transform: rotate(45deg);
transition-duration: 2s;
}

3. 過渡（transition）動畫效果：過渡動畫效果可以在元素屬性發生變化時過渡到另一種狀態。它可以通過設定元素的初始狀態和結束狀態來實現平滑的過渡效果。例如：
.box{
background:gray;
transition: all 2s;
width:150px;
height:150px;
}
.box:hover{
background:blue;
width:250px;
height:250px;
}

以上就是CSS中常用的動畫效果類型，不同的動畫效果類型適用于不同的場景和實現方式，需要結合具體的需求來選擇使用。在實現動畫效果時，我們需要遵守一定的設計規則，包括控制動畫的速度、方向、延遲、重復等關鍵參數，從而實現更加生動、流暢的動畫效果。