CSS圖片輪轉滾動是一個常見的Web頁面效果，可以通過CSS的動畫屬性來實現。下面是一個簡單的示例：

.slideshow {
position: relative;
overflow: hidden;
width: 600px;
height: 400px;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active {
opacity: 1;
}
img {
width: 100%;
height: 100%;
}

上面的示例中，我們創建了一個名為.slideshow的容器，用于包裝輪轉滾動的圖片。每個圖片通過.slide類來控制樣式，包括寬高、透明度和過渡效果。

接下來，我們需要通過JavaScript來實現圖片輪轉的功能。可以使用setInterval方法和一個計數器來控制輪轉的順序。以下是示例代碼：

let counter = 0;
const slides = document.querySelectorAll(".slide");
const interval = setInterval(() =>{
slides[counter].classList.remove("active");
counter = (counter + 1) % slides.length;
slides[counter].classList.add("active");
}, 5000);

上面的代碼中，我們首先獲取所有的.slide元素，并使用setInterval方法每隔5秒鐘輪轉一次圖片。在每次輪轉中，我們將當前活動的圖片的.active類移除，然后計數器加一并取模以獲取下一張圖片的索引。最后，我們添加.active類來使當前展示的圖片變為活動狀態。

通過CSS和JavaScript的組合，我們可以實現漂亮的CSS圖片輪轉滾動效果。