CSS3是一種用于網頁設計的樣式表語言，它的出現讓網頁設計變得更加豐富和生動。其中，滑動圖片輪播是網站常見的展示方式之一，下面將介紹如何通過CSS3實現滑動圖片輪播。

// HTML結構
<div class="wrapper">
<div class="slide"><img src="image1.jpg" alt=""></div>
<div class="slide"><img src="image2.jpg" alt=""></div>
...
</div>
// CSS樣式
.wrapper {
width: 500px;
height: 300px;
overflow: hidden;
position: relative;
}
.slide {
width: 500px;
height: 300px;
float: left;
position: relative;
}
.slide img {
width: 100%;
height: 100%;
}

以上是HTML結構和CSS樣式的代碼，接下來需要添加JavaScript代碼使圖片輪播起來。

// JavaScript代碼
var wrapper = document.querySelector('.wrapper');
var slides = document.querySelectorAll('.slide');
var slideWidth = slides[0].offsetWidth;
var slideIndex = 0;
function autoSlide() {
slideIndex++;
if (slideIndex >slides.length - 1) {
slideIndex = 0;
}
wrapper.style.transform = 'translateX(-' + slideIndex * slideWidth + 'px)';
setTimeout(autoSlide, 3000);
}
setTimeout(autoSlide, 3000);

JavaScript代碼中定義了自動輪播的函數autoSlide，并通過setTimeout定時器控制圖片輪播的時間間隔。同時，每次輪播調用autoSlide函數會更新slideIndex，并通過wrapper.style.transform改變wrapper的位移，實現圖片的滑動效果。

實現CSS3滑動圖片輪播只需以上HTML、CSS、JavaScript三部分代碼，將其添加到網頁中即可。