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类，从而实现了轮播滑动的效果。