CSS3是一個強大的樣式表語言，可以通過它實現現代化的網頁設計。CSS3提供了許多令人興奮的新特性，其中包括移動變小效果。例如，當鼠標懸停在圖像上時，可以使用CSS3來縮小圖像，以便更好地適應與其他元素的布局。

要實現這種移動變小效果，可以使用CSS3的transform屬性和縮放(scale)函數。以下是一個示例的CSS代碼：

.image {
transition: transform 0.2s;
}
.image:hover {
transform: scale(0.8);
}

在上面的代碼中，我們首先為圖像定義了一個過渡(transition)。然后，在鼠標懸停時，通過縮放變換將圖像縮小到原大小的80%(scale(0.8))。

需要注意的是，我們在正常狀態下沒有為圖像指定縮放比例。這樣，在鼠標懸停時，縮放比例會由初始值使用scale函數實現平滑過渡。

通過使用CSS3的移動變小效果，您可以使您的網頁設計更加現代化和吸引人。嘗試在您的下一個項目中嘗試這個特性吧！