在CSS中，我們可以通過設(shè)置背景圖的位置來移動圖片。下面給出了一個例子，展示如何將背景圖向右移動20像素：

.image{
background-image:url('image.jpg');
background-position:20px 0;
background-repeat:no-repeat;
}

以上代碼中，“image.jpg”是背景圖片的地址，“background-position”屬性中的“20px”表示向右移動20像素，“0”表示不進(jìn)行垂直方向的偏移，“background-repeat”屬性設(shè)置為“no-repeat”則表示圖片不進(jìn)行重復(fù)。

如果我們想要讓背景圖片實(shí)現(xiàn)動畫效果，可以使用CSS3中的“transition”屬性。下面的代碼展示了如何讓圖片在鼠標(biāo)懸浮時向右移動30像素：

.image{
background-image:url('image.jpg');
background-position:0 0;
background-size:cover;
transition:background-position 0.5s;
}
.image:hover{
background-position:30px 0;
}

以上代碼中，“background-size”屬性設(shè)置為“cover”表示讓背景圖片自適應(yīng)容器大小，“transition”屬性設(shè)置了從“background-position 0.5s”，即從初始位置到新位置需要0.5秒的時間，這樣當(dāng)鼠標(biāo)懸浮在圖片上時，新位置會逐漸出現(xiàn)，從而實(shí)現(xiàn)平滑移動的效果。

通過以上的例子，我們可以靈活運(yùn)用CSS中的屬性來實(shí)現(xiàn)圖片的移動效果，并達(dá)到更加炫酷的視覺效果。