CSS中的animation是用于制作動畫效果的一種屬性。使用animation可以實現(xiàn)各種復(fù)雜的動畫效果，比如旋轉(zhuǎn)、放大縮小、淡入淡出等等。

.box {
animation-name: rotate;  /*動畫名稱*/
animation-duration: 2s;  /*動畫持續(xù)時間*/
animation-iteration-count: infinite;  /*動畫循環(huán)次數(shù)*/
animation-timing-function: linear;  /*動畫時間函數(shù)*/
}
@keyframes rotate {
from { transform: rotate(0deg); }  /*起始狀態(tài)*/
to { transform: rotate(360deg); }  /*結(jié)束狀態(tài)*/
}

上面的代碼實現(xiàn)了一個div元素的旋轉(zhuǎn)動畫效果。通過定義動畫名稱、持續(xù)時間、循環(huán)次數(shù)和時間函數(shù)等屬性，可以自由地控制動畫的表現(xiàn)形式。其中，@keyframes是定義動畫狀態(tài)的關(guān)鍵字，通過from和to關(guān)鍵字可以定義動畫的起始和結(jié)束狀態(tài)。

除了使用關(guān)鍵字定義動畫，還可以使用百分比控制動畫的過程。比如下面這個例子實現(xiàn)了一個漸變的淡入淡出效果：

.fade {
animation-name: fade-in-out;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes fade-in-out {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

通過定義關(guān)鍵幀的百分比，可以實現(xiàn)動畫過程中某個屬性的變化。在上面的例子中，通過設(shè)置不同的opacity值，實現(xiàn)了在動畫開始和結(jié)束時元素逐漸消失的效果。

總的來說，animation是CSS中非常重要的一種屬性，在實現(xiàn)網(wǎng)頁動態(tài)效果時發(fā)揮著不可替代的作用。