如何做CSS動畫呢？下面簡單介紹一下。

Step 1:確定選擇器

選擇器名稱 {
屬性名: 屬性值;
}

Step 2:添加動畫

可以使用@keyframes規則創建動畫，也可以使用animation屬性實現動畫效果。

@keyframes 動畫名稱{
from {
/* 初始狀態 */
}
to {
/* 結束狀態 */
}
}
選擇器名稱 {
animation: 動畫名稱 持續時間 動畫類型 延遲時間 循環次數;
}

Step 3:調試動畫

可以使用 Chrome 瀏覽器的開發者工具來調試動畫效果。打開開發者工具，切換到 Elements 面板，選中需要調試的元素，然后切換到 Computed 面板，找到 animation 屬性，點擊右側的三角形，可以查看動畫效果。

總的來說，CSS動畫基本都可以由@keyframes和animation實現。