CSS圖片移動是前端開發中使用頻率較高的一種效果，通過這種效果可以讓網頁更具有動感和立體感。以下是一份CSS代碼示例，可以實現圖片在頁面上移動的效果：

.img {
position: absolute; /* 將圖片設置為絕對定位 */
top: 50%; /* 設置圖片在頁面上的縱向起點位置 */
left: 50%; /* 設置圖片在頁面上的橫向起點位置 */
transform: translate(-50%, -50%); /* 設置圖片的偏移量，使其居中 */
}
/* 設置圖片移動時的動畫效果 */
.img:hover {
transition: all .2s ease-out;
transform: translateY(-10px);
}

首先，將要進行移動的圖片設置為絕對定位，并設置其在頁面上的起點位置。通過transform: translate(-50%, -50%);這一樣式將圖片居中。

接著，通過設置transition: all .2s ease-out;，實現了圖片移動時的動畫效果。在鼠標懸停在圖片上時，圖片將會以一定速度（.2秒/s）向上移動10個像素。

以上CSS代碼可以為頁面增添一些趣味性和活力，對于網站的用戶體驗有著很好的促進作用。