在CSS中，要實現(xiàn)圖片上滑的效果，可以使用transform屬性中的translateY函數(shù)，以下是一個簡單的示例代碼：

HTML部分：

<div class="image-container">
  <img class="image" src="your-image-url" alt="描述圖片的文字">
</div>

CSS部分：

.image-container {
  position: relative;
  height: 200px; /* 容器高度 */
  width: 200px; /* 容器寬度 */
  overflow: hidden; /* 隱藏超出容器的部分 */
}
.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%); /* 初始時圖片在容器下方 */
  transition: transform 0.5s ease-in-out; /* 添加過渡效果 */
}
.image-container:hover .image {
  transform: translateY(0); /* 鼠標(biāo)懸停時圖片上滑到容器上方 */
}

在這個示例中，圖片在容器下方，通過transform: translateY(100%);實現(xiàn)，當(dāng)鼠標(biāo)懸停在容器上時，圖片會通過transform: translateY(0);上滑到容器上方。transition屬性用于添加過渡效果，使圖片上滑更加平滑。