CSS3的背景色自動變換功能非常實用，可以實現自動變換背景色的效果，讓頁面更加生動有趣。下面來看一下如何使用CSS3實現背景色自動變換。

background-color: #00FF00;
animation-name: bgChange;
animation-duration: 5s;
animation-iteration-count: infinite;
@keyframes bgChange{
0% { background-color: #00FF00; }
25% { background-color: #0000FF; }
50% { background-color: #FF0000; }
75% { background-color: #FFFF00; }
100% { background-color: #00FF00; }
}

上面的代碼使用了CSS3的動畫（animation）屬性來實現自動變換背景色的效果。首先，設置了初始的背景色為綠色（#00FF00），然后設置了動畫的名稱為bgChange，動畫時長為5秒，循環次數為無限次。

接下來是關鍵部分，使用@keyframes關鍵字定義了一個名為bgChange的動畫序列，該序列從0%的進度開始，背景色為綠色；到25%的進度，背景色變為藍色；到50%的進度，背景色變為紅色；到75%的進度，背景色變為黃色；最后到100%的進度，背景色又變成了綠色。

這樣就完成了背景色自動變換的效果，讓頁面更加動態有趣。