css3滑动一下滚动一块

可以使用CSS3的transitions和transform属性来实现滑动滚动一块的效果。具体步骤如下：

1. 在HTML中，将需要滑动的块包裹在一个父容器中，设置该父容器的宽度不超过视口宽度，同时设置overflow-x为scroll，使得该父容器可以横向滚动。

2. 在CSS中，给父容器添加一个:hover伪类，设置transition和transform属性，使得在鼠标悬停在父容器上时，子元素可以水平滑动。

示例代码如下：

HTML:

<div class="container">
  <div class="block">Block 1</div>
  <div class="block">Block 2</div>
  <div class="block">Block 3</div>
  <div class="block">Block 4</div>
  <div class="block">Block 5</div>
  <div class="block">Block 6</div>
</div>

CSS:

.container {
  width: 100%;
  overflow-x: scroll;
}

.block {
  width: 200px;
  height: 200px;
  background-color: gray;
  margin: 10px;
}

.container:hover .block {
  transition: transform 0.3s ease-out;
  transform: translateX(50px);
}

以上代码实现了在鼠标悬停在父容器上时，子元素向右平移50px的效果。可以根据需要自行修改。