CSS3是Web設計中不可或缺的一部分，它可以通過各種屬性來美化頁面的外觀和功能。其中一個非常實用的屬性是background-image，它可以讓你在元素的背景上添加圖片。而使用CSS3，我們甚至可以輕松實現動畫切換背景圖。

/* 假設我們要實現一個交替切換的背景 */
/* 首先，我們需要定義一個包含有多張背景圖片的元素，并設置其寬高和背景圖 */
.box {
width: 500px;
height: 300px;
background: url(img/bg1.png), url(img/bg2.png), url(img/bg3.png);  /* 設定多張背景圖 */
background-size: 100% 100%;  /* 讓背景圖滿屏 */
animation: bgRotate 12s linear infinite;  /* 添加動畫效果 */
}
/* 接下來，我們定義一個keyframes，用來控制切換不同的背景 */
@keyframes bgRotate {
0% {
background-image: url(img/bg1.png);
}
33.33% {
background-image: url(img/bg2.png);
}
66.67% {
background-image:  url(img/bg3.png);
}
100% {
background-image: url(img/bg1.png);
}
}

通過上面這段代碼，我們就可以讓 .box 元素不停地在三張不同的背景圖之間切換。其中，我們使用了animation屬性來指定動畫效果，使用@keyframes來控制切換的背景圖。這樣，我們就可以輕松讓頁面增加一些不錯的視覺效果了。