CSS輪播圖片自動播放指的是將多張圖片在同一位置輪流播放的效果，這種效果通常在網站首頁或者廣告宣傳中被廣泛使用。

實現CSS輪播圖片自動播放有多種方式，其中一種比較流行的方法是使用CSS3動畫。

.slider {
position: relative;
height: 400px;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 1s ease-in-out;
}
.slide:nth-child(1) {
opacity: 1;
}
.slide:nth-child(2) {
animation: fadeInOut 5s linear infinite;
}
@keyframes fadeInOut {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}

上述代碼中，我們定義了一個名為.slider的容器，并將每一張用于輪播的圖片都通過類名.slide進行標記。首先將所有的.slide元素的opacity屬性設置為0，然后通過CSS動畫給第2張圖片添加了fadeInOut動畫，讓它在5秒內漸入漸出地顯示。

為了讓輪播不停止，我們可以使用CSS的infinite屬性來使CSS動畫無限循環。這樣，輪播圖就可以不受限制地自動輪播。

對于需要實現CSS輪播圖片自動播放的網站，使用CSS3動畫是一種簡潔而有效的方案。無需大量的JavaScript代碼，只需少量CSS樣式便可實現美觀的輪播效果。