在網頁設計過程中，我們經常需要使用CSS來添加圖片效果。其中一種常見的效果就是圖片向上移動。下面將簡單介紹如何利用CSS實現這個效果。

/*首先，我們需要設置一個div容器，將圖片放在其中*/
/*接下來，我們使用CSS來定義.container樣式*/
.container {
position: relative;
/*定義圖片容器的高度和寬度*/
height: 400px;
width: 600px;
}
/*使用CSS來定義圖片的樣式*/
.container img {
position: absolute;
bottom: 0;
/*定義圖片的寬度*/
width: 100%;
/*定義圖片高度的百分比*/
height: 50%;
/*設置圖片縮小比例，實現移動效果*/
transform: scale(0.8);
/*設置過渡效果，使圖片移動更加平滑*/
transition: transform 0.5s ease-out;
}
/*使用CSS來定義圖片懸停效果*/
.container img:hover {
/*定義圖片縮放比例，實現圖片向上移動*/
transform: scale(1.2) translateY(-20%);
}

通過以上代碼，我們可以實現圖片向上的移動效果，讓網頁更美觀動感。當鼠標懸停在圖片上時，圖片會自動向上移動，并放大，增強了視覺效果。