CSS是用于網頁排版和樣式設計的語言，可以用來實現一些特效，如滑動圖片。

滑動圖片通常使用CSS3中的transition屬性來實現，transition可以對元素進行動畫過渡效果的設置。以下是一個設置滑動圖片的示例代碼：

.slider {
width: 500px;
height: 300px;
position: relative;
}
.slider img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slider img.active {
opacity: 1;
}

其中，.slider是包裹圖片的容器，要設置好容器的寬度和高度，以便圖片正確顯示。圖片被設置為絕對定位，讓它們可以覆蓋在容器上面。所有的圖片的opacity值都被設置為0，只有被設置為.active類的圖片才會顯示，且opacity值為1。

在JavaScript中，可以使用setInterval方法來輪播圖片。示例代碼如下：

var images = document.querySelectorAll('.slider img');
var currentImage = 0;
var slideInterval = setInterval(nextImage, 2000);
function nextImage() {
images[currentImage].className = '';
currentImage = (currentImage + 1) % images.length;
images[currentImage].className = 'active';
}

在這段JavaScript代碼中，使用querySelectorAll方法選擇了所有的img元素。setInterval方法會每2秒鐘調用一次nextImage函數。nextImage函數會先將當前顯示的那張圖片的類名清空，然后計算下一張圖片的索引，再將其設置為.active類，從而實現了輪播滑動的效果。