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

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

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

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

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