CSS是網頁設計中用來控制網頁樣式和布局的語言之一，它可以用來實現圖片滑動效果。下面是一個例子：

HTML部分：
<div class="image-slider">
<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
<img src="image3.jpg" alt="image3">
</div>
CSS部分：
.image-slider {
overflow: hidden; /* 隱藏多余的圖片 */
}
.image-slider img {
width: 100%; /* 確保圖片占滿整個容器 */
height: auto;
float: left; /* 將圖片浮動到左側 */
transition: all 0.5s ease; /* 添加動畫效果，持續時間為0.5秒 */
}
/* 當鼠標移到圖片上時，將圖片向左或向右移動 */
.image-slider img:hover {
transform: translateX(-10%);
}

首先，我們需要一個包含多張圖片的容器，這里使用了一個div元素，并添加了一個class為“image-slider”。我們需要設置該容器的樣式為"overflow: hidden"，以確保容器中多余的圖片不會被顯示出來。

接下來，我們要對多張圖片進行樣式設置。將每張圖片的寬度設置為100%，這樣圖片就會占滿整個容器。同時需要設置圖片的高度為“auto”，因為我們不知道每張圖片的實際高度。另外，將圖片浮動到左側，使圖片能夠在同一行內顯示。

最后，我們需要添加一個過渡效果和一個:hover偽類，使鼠標移到圖片上時產生滑動效果。在hover偽類下，我們可以使用transform屬性來控制圖片的位置，這里我們將其向左偏移10%。同時添加了一個過渡效果，持續時間為0.5秒，達到更好的動畫效果。