CSS動畫是一種使網頁元素動態變化的技術，它可以為靜態網頁增加趣味性和動感性。在 CSS 中，我們可以使用一些簡單的屬性來完成動畫效果。下面介紹一些常見的CSS動畫屬性。

/* 設置動畫名稱和持續時間 */
animation: 名稱 持續時間;
/* 設置動畫名稱、持續時間和延遲時間 */
animation: 名稱 持續時間 延遲;
/* 設置動畫運動曲線和持續時間 */
animation-timing-function: 運動曲線;
/* 設置動畫次數（infinite 表示無限次） */
animation-iteration-count: 次數;
/* 設置動畫方向（normal、reverse、alternate、alternate-reverse） */
animation-direction: 方向;
/* 延遲多少秒后開始動畫（0表示立即開始） */
animation-delay: 秒數;
/* 設置動畫是否暫停 */
animation-play-state: paused/running;
/* 設置動畫結束后的狀態 */
animation-fill-mode: none/forwards/backwards/both;

下面通過一個例子來演示如何利用 CSS 動畫實現一個簡單的圖片邊框動態變化效果。

在上面的例子中，圖片默認的邊框是黑色，當鼠標滑過時，邊框的顏色會由黑色漸變到紅色，這里我們就用到了 CSS 的 transition 屬性。

總而言之，CSS 動畫是一項十分有趣的技術，可以增添頁面的視覺效果和動感。希望這篇文章能對你有所幫助。