在 CSS 中，圖片的滑動效果可以通過以下兩種方法來實現：使用 CSS 動畫或者使用 JavaScript 腳本。

首先介紹一下使用 CSS 動畫實現圖片滑動的方法。我們可以通過 CSS3 中的animation屬性來設置動畫。具體實現過程如下：

/* CSS 代碼 */
.slideshow {
width: 600px;
height: 300px;
overflow: hidden;
}
.slideshow img {
width: 600px;
height: 300px;
position: relative;
animation: slide 10s linear infinite;
}
@keyframes slide {
0% {
left: 0;
}
100% {
left: -600px;
}
}

以上代碼實現了一個圖片滑動的動畫，slideshow是包裹圖片的容器元素，設置了固定寬高及隱藏溢出部分。img元素則是要滑動的圖片，通過設置position: relative;使其相對于容器進行定位，再使用animation屬性來設置滑動動畫及持續時間、動畫效果等。

另一個實現圖片滑動的方法是使用 JavaScript 腳本。我們可以通過調整圖片的left或者right值來實現圖片滑動的效果。具體實現過程如下：

// JavaScript 代碼
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i< slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1;
}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 5000); // 5秒鐘切換一次圖片
}

以上代碼實現了一個自動播放的圖片滑動效果，mySlides是含有圖片的容器元素，通過 JavaScript 腳本動態調整圖片的顯示與隱藏來實現滑動效果。其中setTimeout方法用來設置圖片切換時間間隔，單位為毫秒。