CSS中的背景水平移動是一種美化網頁的方法，可以通過使用background-position屬性來實現。

background-position: x-axis y-axis;

其中x-axis表示背景圖像相對于左側的偏移量，而y-axis表示背景圖像相對于頂部的偏移量。可以用像素值、百分比或關鍵字（left、center、right）來定義。

例如，通過以下代碼可以讓背景圖像從左側水平移動：

.background {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: -50px 0;
/* 將背景圖像左移50像素 */
}

如果想要讓背景圖像向右側水平移動，可以將x-axis的值變為正數，例如：

.background {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: 50px 0;
/* 將背景圖像右移50像素 */
}

此外，還可以使用動畫效果讓背景圖像平滑地水平移動。例如，以下代碼可以讓背景圖像每3秒向右移動100像素：

.background {
background-image: url("image.jpg");
background-repeat: no-repeat;
animation: motion 3s infinite;
}
@keyframes motion {
0% {
background-position: 0 0;
}
100% {
background-position: 100px 0;
}
}

上述代碼里，animation屬性指定了一個名為motion的動畫，它會無限循環，每3秒執行一次。而@keyframes規則則定義了在動畫運行期間，背景圖像從0像素移動到100像素的過程。