CSS動畫是指在網頁中使用CSS定義動態的元素效果，讓網頁變得更加生動，給用戶帶來更好的視覺體驗。CSS動畫使用簡便，只需簡單幾行代碼就能實現各種各樣的動畫效果。下面我們將詳細介紹CSS動畫的使用方法。

/* 定義CSS動畫 */
.anim {
animation-name: myAnimation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
/* 定義動畫關鍵幀 */
@keyframes myAnimation {
0% { transform: translateY(0); }
50% { transform: translateY(100px); }
100% { transform: translateY(0); }
}

使用CSS定義動畫需要兩步：第一步是定義CSS動畫，第二步是定義動畫關鍵幀。以上代碼中，我們使用animation-name屬性定義一個名為myAnimation的動畫，使用animation-duration屬性定義該動畫持續2秒，使用animation-iteration-count屬性將動畫的播放次數設置為無限。

接著，我們定義了keyframes，也就是動畫的關鍵幀。在關鍵幀中，我們分別定義了動畫從初始狀態到50%時的狀態和從50%到100%的狀態。通過transform屬性的改變，我們實現了元素在垂直方向上的位移動畫效果。

最后，我們將定義好的動畫應用到需要動畫效果的元素上，只需在該元素的class屬性中添加.anim，即可實現想要的動畫效果。