在HTML中，要實現圖片滑動的效果，需要用到CSS3的動畫效果，通過在CSS中設置動畫運動的關鍵幀（Keyframe）來使圖片從一張滑動到另一張。

/* 首先，在CSS中定義圖片容器的大小和位置 */
.img-container{
width: 600px; /* 圖片容器寬度 */
height: 400px; /* 圖片容器高度 */
position: relative; /* 設置為相對定位，便于后面設置圖片的絕對定位 */
overflow: hidden; /* 隱藏超出容器范圍的圖片 */
}
/* 在容器中，定義兩張圖片并設置它們的絕對定位 */
.img-container img{
position: absolute;
width: 100%;
height: 100%;
}
.img-container img:nth-child(1){
left: 0; /* 第一張圖片左對齊 */
}
.img-container img:nth-child(2){
left: 100%; /* 第二張圖片右對齊 */
}
/* 最后，在CSS中定義動畫效果 */
.img-container img{
animation: slide 5s infinite;
}
@keyframes slide{
0%{
transform: translateX(0); /* 初始位置 */
}
50%{
transform: translateX(-100%); /* 將容器中的圖片向左移100% */
}
100%{
transform: translateX(0); /* 返回到初始位置 */
}
}

通過上述CSS代碼，我們定義了一個寬為600px、高為400px的圖片容器，其中有兩張圖片，第一張圖片左對齊，第二張圖片右對齊。然后通過CSS3的動畫效果，讓兩張圖片交替滑動，來實現圖片的滑動感覺。