CSS中有許多有趣的動畫效果，其中之一就是圖片移動及縮放。我們可以使用CSS來輕松地實現這些動畫效果，為網站帶來更加生動和活潑的氛圍。

/* 圖片移動代碼 */
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
img:hover {
top: 40%;
left: 60%;
}
/* 圖片縮放代碼 */
img {
transition: all 0.3s ease-in-out;
}
img:hover {
transform: scale(1.2);
}

在上面的兩段代碼中，我們分別實現了圖片的移動和縮放。我們首先可以設置圖片的初始位置，這里我們使用了絕對定位和transform屬性來將圖片移到頁面的中心。

接著，我們在:hover偽類下設置不同的屬性值，當鼠標懸停在圖片上時，我們將圖片移動到新的位置。在移動的同時，我們也可以設置過渡時間，使得移動過程更加流暢。

當然，我們也可以使用transform屬性來實現圖片的縮放效果。我們在:hover偽類下設置transform的scale值為1.2，這樣就可以將圖片放大到原來的1.2倍。

總的來說，圖片移動和縮放是CSS中非常有趣的動畫效果之一，它們可以為網站帶來更加生動的氛圍。