CSS3輪播指的是使用CSS3技術來實現圖片自動輪播的效果。相比傳統的JavaScript實現方法，CSS3輪播更加簡潔、流暢、性能更高。

首先，我們需要在HTML中創建輪播圖容器，例如：

<div class="carousel">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
</div>

然后，我們需要在CSS樣式中設置輪播容器的寬、高、以及內部圖片的寬、高、位置等：

.carousel {
width: 600px;
height: 400px;
position: relative;
overflow: hidden;
}
.carousel img {
width: 600px;
height: 400px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity .5s ease-in-out;
}
.carousel img.active {
opacity: 1;
z-index: 1;
}

這里我們使用了CSS3的過渡（transition）屬性來實現圖片漸變切換的效果，opacity屬性控制圖片的透明度，z-index屬性定義了圖片的疊放順序。我們還定義了一個.active類來設置當前顯示的圖片。

接著，我們需要使用JavaScript來自動切換圖片。我們可以使用setInterval函數來實現定時切換，例如：

var index = 0;
var slides = document.querySelectorAll('.carousel img');
setInterval(function() {
slides[index].classList.remove('active');
index = (index + 1) % slides.length;
slides[index].classList.add('active');
}, 3000);

這里我們首先獲取了所有輪播圖圖片的節點集合，然后使用index變量來記錄當前顯示的圖片索引。在定時函數里，我們先將當前顯示的圖片移除.active類，然后更新索引值，再將下一張圖片添加.active類。

最后，我們就可以看到一個簡單的CSS3輪播效果了。