CSS 是一種用于網(wǎng)頁布局和樣式的語言，它可以實現(xiàn)很多酷炫的效果，比如滑動盒子。

實現(xiàn) DIV 盒子滑動，需要用到 CSS 的 transition 屬性。transition 屬性用于指定元素在發(fā)生改變時的過渡效果，可以設置過渡持續(xù)時間、過渡類型、過渡延遲等。

.box {
width: 400px;
height: 200px;
overflow: hidden;
}
.inner {
width: 800px;
height: 200px;
display: flex;
transition: transform 1s ease;
}
.inner:hover {
transform: translateX(-400px);
}
.inner img {
width: 400px;
height: 200px;
}

以上是我們實現(xiàn)滑動盒子的 CSS 代碼。我們首先創(chuàng)建一個外層 DIV 盒子，設置它的寬度和高度，并且讓它的 overflow 屬性為 hidden，這樣可以隱藏盒子內(nèi)部超出部分的內(nèi)容。

然后我們在外層 DIV 盒子內(nèi)創(chuàng)建一個內(nèi)部 DIV 盒子，給它設置寬度為外層盒子的兩倍，這樣我們才能在內(nèi)部盒子中放入兩張圖片。我們?yōu)閮?nèi)部盒子設置 display 屬性為 flex，這樣我們在內(nèi)部盒子中放置的圖片可以自動排列。

接下來，我們?yōu)閮?nèi)部盒子設置 transition 屬性，并指定過渡類型為 transform，過渡時間為 1s，過渡效果為 ease。

最后，在內(nèi)部盒子的 hover 偽類中，我們對盒子進行 transform 操作，讓它向左移動 400px（外層盒子的寬度），這樣就實現(xiàn)了滑動效果。

當然，我們需要把圖片的寬度設置為外層盒子的寬度，這樣圖片就會排滿內(nèi)部盒子。

以上就是使用 CSS 實現(xiàn) DIV 盒子滑動的方法和代碼，希望對你有所幫助。