CSS 中的動畫是用來改變我們的元素在頁面上的展示方式的。動畫通常在頁面加載后異步執行，可以是元素旋轉、淡化、變形或移動等。在 CSS 動畫中，可以設置關鍵幀、持續時間、循環次數，以及執行的時間函數等屬性，從而達到各種不同的效果。

/* 設置動畫關鍵幀 */
@keyframes animation_name {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
/* 將動畫應用于元素 */
.element {
animation-name: animation_name;
animation-duration: 5s;
animation-delay: 1s;
animation-iteration-count: 2;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}

上面的代碼展示了如何設置動畫關鍵幀和將動畫應用于元素。在這個例子中，我們將一個元素旋轉 360 度，并且持續時間為 5 秒，延遲 1 秒后執行，循環次數為 2 次，最后保持最后一個關鍵幀的狀態（`forwards`）。而時間函數則是改變動畫執行速度的屬性，比如 `ease-in-out` 會讓動畫在開始和結束時緩慢，在中間時加速。

總結起來，CSS 動畫是讓我們的頁面元素展示更加生動和有趣的一種方式。通過設置動畫關鍵幀和各種屬性，我們可以實現各種獨特的效果，從而使用戶對頁面更為吸引。