CSS3輪播多張圖是一種常見的網頁設計效果，可以讓網頁更加生動有趣。下面是一份CSS3輪播多張圖的基本代碼：

HTML部分：
<div class="slider">
<div class="slide">
<img src="img1.jpg" alt="slide1">
</div>
<div class="slide">
<img src="img2.jpg" alt="slide2">
</div>
<div class="slide">
<img src="img3.jpg" alt="slide3">
</div>
</div>
CSS部分：
.slider {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide:first-child {
opacity: 1;
z-index: 1;
}
.slider:hover .slide:not(:hover) {
opacity: 0.4;
}
.slider:hover .slide:hover {
opacity: 1;
z-index: 2;
}

在HTML部分中，我們使用一個class為slider的div包裹了三個class為slide的div。每個slide中包含一張圖片元素。在CSS部分中，我們設置了slider為relative定位，寬度為100%，最大寬度為1000px，水平居中對齊。而每個slide則絕對定位，同時初始時opacity為0，也就是不可見。我們使用CSS3的transition屬性實現漸變效果，動效時間為1秒。首張slide默認設置為可見狀態，而其他slide則會在鼠標懸浮時降低opacity值，僅在鼠標懸浮時顯示并提高z-index值，實現輪播效果。