CSS3 是一種功能強大的樣式表語言，可以用來控制網頁的樣式和布局。其中，添加動態背景是一種常見的應用。在這篇文章中，我們將介紹如何使用 CSS3 來實現動態背景。 首先，我們需要準備一張背景圖。在 CSS3 中，可以使用 background-image 屬性來設置背景圖。例如：

body {
background-image: url('background.jpg');
background-position: center center;
background-repeat: no-repeat;
}

上述代碼中，我們將一個名為 background.jpg 的圖片設置為頁面的背景圖，并使其水平和垂直居中，且不重復。 接著，我們可以使用 CSS3 中的 animation 屬性來實現動態背景。animation 屬性需要設置關鍵幀，即在不同時間點上不同的樣式。例如：

@keyframes moveBg {
0% {
background-position: center center;
}
100% {
background-position: 200% 50%;
}
}
body {
animation: moveBg 20s ease-in-out infinite;
}

上述代碼中，我們定義了一個名為 moveBg 的關鍵幀，其初始狀態是背景圖居中，結束狀態是背景圖向右移動 200%，向下移動 50%。然后，我們將 moveBg 應用到 body 上，并設置動畫持續時間為 20 秒，緩動方式為 ease-in-out，動畫循環無限次。 到這里，我們就實現了一個簡單的動態背景效果。你可以嘗試修改關鍵幀的屬性，如 background-color、opacity 等，來實現更豐富的效果。