在CSS中，我們可以使用transform屬性來實現(xiàn)圖片滑動效果，以下是一個簡單的示例：

1、我們需要一個HTML元素來承載圖片，并且一個按鈕來觸發(fā)滑動效果。

<div class="slider">
  <img src="image.jpg" alt="圖片">
  <button>滑動圖片</button>
</div>

2、我們使用CSS來設(shè)置樣式和添加交互效果。

.slider {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}
.slider button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

3、我們使用JavaScript來添加交互邏輯。

document.querySelector('button').addEventListener('click', function() {
  var slider = document.querySelector('.slider');
  var img = slider.querySelector('img');
  var currentTransform = img.style.transform || '0';
  var newTransform = currentTransform === '0' ? 'translateX(300px)' : '0';
  img.style.transform = newTransform;
});

在這個示例中，當(dāng)按鈕被點擊時，圖片會在滑塊內(nèi)部左右滑動，CSS的transform屬性用于控制圖片的滑動效果，而JavaScript用于添加點擊事件并切換圖片的滑動狀態(tài)。