CSS圖片5秒滑動效果是網頁中常見的一種動態特效，它可以通過CSS的transition屬性來實現。我們可以將需要滑動的圖片放入一個div容器中，并設置該容器的寬度和高度。例如：

<div class="slider">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
</div>

接著，我們可以使用CSS來設置該容器的樣式，并實現滑動效果。例如：

.slider {
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
}
.slider img {
position: absolute;
width: 100%;
height: 400px;
opacity: 0;
transition: opacity 5s ease-in-out;
}
.slider img:first-child {
opacity: 1;
}
.slider img:target {
opacity: 1;
}

在上述代碼中，我們使用了position屬性將圖片定位為絕對位置，并使用opacity屬性設置圖片的透明度。然后，我們使用transition屬性來實現圖片的滑動效果，當圖片的opacity屬性從0到1的過程中，會產生5秒的過渡效果。最后，我們使用:first-child和:target選擇器來為圖片設置默認顯示和滑動目標。

當用戶點擊鏈接時，我們可以通過使用錨點，將對應的圖片設置為滑動目標。例如：

<a href="#image1">Image 1</a>
<a href="#image2">Image 2</a>
<a href="#image3">Image 3</a>

在這個例子中，我們使用了錨點#image1、#image2和#image3來表示對應的圖片。當用戶點擊鏈接時，瀏覽器會自動滑動到對應的圖片。

綜上所述，CSS圖片5秒滑動效果是通過CSS的transition屬性和錨點實現的。該動態特效可以為網頁增添不少的視覺效果，適用于大多數的圖片展示場景。