CSS背景圖片滾動動畫是一種非常流行的設計技術，它可以給網站帶來更好的視覺效果。通過背景圖片輪流切換的效果，不僅可以為網頁增加活力，還可以使網頁更加吸引人。

/* CSS代碼 */
.background {
background-image: url('./image1.jpg');
width: 100%;
height: 500px;
background-repeat: no-repeat;
background-size: cover;
animation: scrollBackground 15s linear infinite;
}
@keyframes scrollBackground {
0% {
background-image: url('./image1.jpg');
}
25% {
background-image: url('./image2.jpg');
}
50% {
background-image: url('./image3.jpg');
}
75% {
background-image: url('./image4.jpg');
}
100% {
background-image: url('./image1.jpg');
}
}

在CSS代碼中，.background是指定背景圖片要應用的區域，可以通過background-image來設置背景圖片，width和height設置區域的寬和高。background-repeat設置為no-repeat，表示不重復圖片，background-size設置為cover，表示圖片可以自適應區域的大小。

animation屬性指定了該背景圖片應用動畫的具體規則，包括執行的動畫名稱scrollBackground、動畫時長15s以及執行方式為線性，最后一個屬性infinite表示動畫無限重復循環。

在@keyframes中定義了圖片的切換過程，每個百分比對應不同的背景圖片。例如，0%對應image1.jpg，25%對應image2.jpg，以此類推。

通過這種方式，就可以實現CSS背景圖片滾動動畫。