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

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

上面的代碼實現了一個div元素的旋轉動畫效果。通過定義動畫名稱、持續時間、循環次數和時間函數等屬性，可以自由地控制動畫的表現形式。其中，@keyframes是定義動畫狀態的關鍵字，通過from和to關鍵字可以定義動畫的起始和結束狀態。

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

.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; }
}

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

總的來說，animation是CSS中非常重要的一種屬性，在實現網頁動態效果時發揮著不可替代的作用。