CSS3滑動展示是現在網頁設計常用的一種技術，它可以讓網頁更加美觀和富有動感。下面，我們來看一下CSS3滑動展示的具體用法。

/* HTML代碼部分 */
<div class="slide">
<ul class="slide-box">
<li><img src="slide1.jpg"></li>
<li><img src="slide2.jpg"></li>
<li><img src="slide3.jpg"></li>
</ul>
</div>
/* CSS3代碼部分 */
.slide{
position: relative;
overflow: hidden;
}
.slide-box{
width: 300%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.slide-box li{
width: 33.33%;
height: 100%;
float: left;
list-style: none;
}
.slide-box li img{
width: 100%;
height: 100%;
}
/* JS代碼部分 */
$(document).ready(function(){
var slideTime = setInterval(function(){
$('.slide-box').animate({left:-100+'%'},'slow',function(){
$(this).css('left',0).children(':first').appendTo(this);
});
},3000);
});

在這個例子中，我們使用了一個div盒子來包含圖片，并使用CSS3的overflow屬性將其隱藏。然后，我們使用ul和li標簽來實現滑動效果。在CSS3代碼中，我們設置slide-box的寬度為原來的3倍，并使用position:absolute和left:0來將其移動到最左側位置。接著，我們將li標簽的寬度設置為33.33%，使每個圖片都占據整個盒子的寬度的1/3。最后，我們使用JS代碼來實現自動輪播的效果。