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

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的線性漸變屬性，設置背景色從左到右漸變。background-size屬性設置背景寬度為原寬度的兩倍，這是為了后面的動畫效果做準備。animation屬性設置漸變動畫效果，包括動畫名稱、間隔時間和運動方式等。@keyframes為關鍵幀設置，定義了漸變動畫的開始和結束狀態。

最終實現的效果是，背景色從左到右漸變，并且動畫會不斷循環播放，讓網頁更加動感十足。