CSS是一種用于樣式化網頁的技術。它使我們能夠改變文本、圖像、背景等元素的樣式。CSS還有一項非常強大的功能，那就是它可以用來設置網頁中的動態效果。本文將介紹如何使用CSS來設置動態效果。

.example {
position: relative;
width: 100px;
height: 100px;
background: #f00;
animation: move 2s ease-in-out;
}
@keyframes move {
0% { left: 0; }
50% { left: 200px; }
100% { left: 0; }
}

CSS可以使用@keyframes關鍵字來定義動畫。首先，我們需要設置一個CSS選擇器（這里選擇器為.example），然后在選擇器中使用animation屬性來定義動畫，如上所示的代碼。animation屬性包含三個參數，分別是動畫名稱（move）、持續時間（2s）和運動方式（ease-in-out）。

接著，我們需要在CSS中使用@keyframes來定義動畫的關鍵幀。關鍵幀定義了動畫在不同時間點的狀態。在本例中，我們定義動畫從左側移動到右側再移回原位。0%定義了動畫的開始狀態，50%定義了動畫中間的狀態，100%定義了動畫結束的狀態。我們在每個狀態中修改了元素的left屬性，從而實現了元素的動態效果。

在實際應用中，我們可以使用CSS來設置各種各樣的動態效果，比如旋轉、縮放、淡入淡出等等。CSS的動態效果能夠提高網頁的交互性和視覺吸引力，是網頁設計必不可少的技術之一。