在CSS中，我們可以使用動畫和關鍵幀來實現(xiàn)兩張圖片的交替滾動，以下是一個簡單的示例，展示了如何實現(xiàn)這一功能：

我們需要準備兩張圖片，分別命名為image1.png和image2.png。

我們可以使用CSS的關鍵幀動畫來實現(xiàn)圖片的交替滾動，以下是一個可能的CSS代碼示例：

@keyframes rolling {
    0% {
        background-image: url('image1.png');
    }
    50% {
        background-image: url('image2.png');
    }
    100% {
        background-image: url('image1.png');
    }
}
.rolling-div {
    width: 300px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    animation: rolling 3s infinite;
}

在這個示例中，我們創(chuàng)建了一個名為rolling的關鍵幀動畫，這個動畫將背景圖片從image1.png切換到image2.png，然后再切換回image1.png，我們把這個動畫應用到一個名為.rolling-div的div元素上，設置動畫的持續(xù)時間為3秒，并且設置為無限循環(huán)。

這樣，當頁面加載時，.rolling-div元素將會顯示image1.png，然后3秒后切換到image2.png，再過3秒又切換回image1.png，如此循環(huán)。

這只是一個簡單的示例，實際使用時可能需要根據(jù)具體需求進行調(diào)整，你可能需要調(diào)整圖片的大小、位置或其他樣式屬性，以滿足特定的設計要求。