在網頁設計中，動畫效果是吸引用戶注意力和提升用戶體驗的重要元素。CSS提供了多種方式來實現動畫效果，下面就讓我們來看看如何使用CSS加入動畫吧。

CSS動畫效果可以通過animation屬性來實現，這個屬性需要指定動畫的名稱、持續時間、延遲時間、動畫速度以及是否循環等參數。例如：

animation: slidein 3s ease-in-out 1s infinite;

上面的代碼表示添加了一個名為slidein的動畫效果，它的持續時間是3秒，延遲時間是1秒，動畫速度為緩入緩出，并且無限循環。當然，我們還需要在CSS中定義這個動畫的具體效果：

@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}

這里我們使用@keyframes來定義動畫的具體變化過程，from表示動畫開始狀態，to表示動畫結束狀態，transform屬性用來實現位移效果。

除了animation屬性，CSS還提供了多種動畫效果的相關屬性，例如transition和transform等，我們可以根據需要靈活運用。此外，一些CSS框架如Bootstrap和Animate.css也提供了豐富的動畫效果庫，可以直接使用。

總之，在網頁設計中，動畫效果是非常重要的元素，通過CSS我們可以實現豐富多彩的動畫效果，提升用戶體驗和視覺效果。