CSS是一種樣式語言，可以為網(wǎng)頁添加各種效果，例如樣式、布局和動畫等等。本文將介紹如何使用CSS來添加動畫效果。

在CSS中，動畫是通過@keyframes規(guī)則來定義的。@keyframes規(guī)則包含要進行動畫的關(guān)鍵幀和動畫效果，可以在任何樣式表中使用。

@keyframes example {
0% {background-color: red;}
50% {background-color: yellow;}
100% {background-color: green;}
}

在上面的例子中，定義了一個名為example的關(guān)鍵幀。該規(guī)則在0%、50%和100%的位置設(shè)置了不同的背景顏色，我們可以使用以下CSS代碼將其應(yīng)用于HTML元素：

div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 4s;
}

上面的代碼可以將上面定義的example動畫應(yīng)用于一個div元素，并設(shè)置它的持續(xù)時間為4秒。

除了animation-name和animation-duration屬性之外，CSS還提供了其他的動畫屬性，例如animation-delay、animation-iteration-count和animation-timing-function等等。這些屬性可以設(shè)置動畫的延遲時間、循環(huán)次數(shù)和時間函數(shù)等等。

總之，通過使用@keyframes規(guī)則和相關(guān)的動畫屬性，我們可以輕松地為HTML元素添加各種動畫效果。