在 HTML 中，CSS 動畫效果可以增強頁面的交互性，為用戶提供更好的使用體驗。CSS 動畫效果可以通過以下幾種方式實現：

/* CSS transition 動畫效果 */
/* 添加過渡效果 */
div {
transition: background-color 0.5s ease;
}
/* 觸發過渡效果 */
div:hover {
background-color: blue;
}

CSS transition 動畫效果可以用于在元素屬性變化時添加平滑過度效果。

/* CSS animation 動畫效果 */
/* 定義關鍵幀 */
@keyframes move {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50px);
}
100% {
transform: translateY(0);
}
}
/* 添加動畫效果 */
div {
animation: move 1s infinite;
}

CSS animation 動畫效果可以用于創建更復雜的動畫效果，可以控制關鍵幀和持續時間等，還可以添加動畫循環。

/* CSS transform 動畫效果 */
/* 添加旋轉效果 */
div {
transform: rotate(45deg);
}
/* 添加縮放效果 */
div:hover {
transform: scale(1.5);
}

CSS transform 動畫效果可以用于通過縮放、旋轉、傾斜等變換來改變元素的外觀效果。