CSS背景色從左到右漸變動(dòng)畫，可以讓網(wǎng)頁在視覺上更加豐富和有趣。下面是一個(gè)簡單的代碼示例：

div {
background: linear-gradient(to right, #ff7f50, #ff1493);
background-size: 200% 100%;
animation: gradient 2s ease-in-out infinite;
}
@keyframes gradient {
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}

以上代碼中，使用了CSS3的線性漸變屬性，設(shè)置背景色從左到右漸變。background-size屬性設(shè)置背景寬度為原寬度的兩倍，這是為了后面的動(dòng)畫效果做準(zhǔn)備。animation屬性設(shè)置漸變動(dòng)畫效果，包括動(dòng)畫名稱、間隔時(shí)間和運(yùn)動(dòng)方式等。@keyframes為關(guān)鍵幀設(shè)置，定義了漸變動(dòng)畫的開始和結(jié)束狀態(tài)。

最終實(shí)現(xiàn)的效果是，背景色從左到右漸變，并且動(dòng)畫會(huì)不斷循環(huán)播放，讓網(wǎng)頁更加動(dòng)感十足。