CSS是網頁設計中非常重要的一部分，它可以實現各種炫酷的效果。其中，移動圖片是CSS中常用的效果之一。

.img {
position: absolute;
left: 0;
top: 0;
transition: all 1s;
}
.img:hover {
left: -50px;
}

使用上述CSS代碼，即可實現鼠標懸浮在圖片上時，圖片向左移動50px的效果。其中，position: absolute;和left: 0;的作用是將圖片的位置設置為左上角，transition: all 1s;的作用是實現動畫效果，img:hover {}表示鼠標懸浮在圖片上時的效果。

這種效果不僅可以應用在圖片上，也可以應用在其他元素上。例如，將.img改為.box，將background-image屬性添加到.box的樣式中，并將img:hover改為.box:hover，同樣可以實現背景圖片向左移動的效果。

.box {
width: 200px;
height: 200px;
background-image: url('image.jpg');
background-size: cover;
position: absolute;
left: 0;
top: 0;
transition: all 1s;
}
.box:hover {
left: -50px;
}

通過對CSS圖片移動的實踐，我們可以更深入地了解CSS的應用，增加對網頁設計的理解和掌握。