CSS 是一種創建 Web 頁面樣式的語言。其中許多功能允許您在懸浮鼠標時縮放圖像。這些效果需要使用“transform”屬性以及“:hover”選擇器來實現。

下面是一個例子，用于懸浮鼠標時縮放圖像：

img:hover {
transform: scale(1.2);
}

在這里，“:hover”選擇器選擇圖像，并在其上懸浮鼠標時應用 CSS 屬性。在本例中，“transform: scale(1.2)”表示將圖像縮放到其原始大小的 1.2 倍。根據需要，您可以更改縮放系數。

如果您希望在鼠標移動到圖像上時獲得更流暢的過渡效果，可以使用 CSS 的過渡屬性。以下是一個簡單的過渡例子：

img {
transition: transform .5s;
}
img:hover {
transform: scale(1.2);
}

在這里，“transition”屬性告訴 web 瀏覽器在元素屬性值更改時使用變換效果。在本例中，“transform .5s”表示變換效果的時間為 0.5 秒。因此，當鼠標移動到圖像上時，它將在半秒鐘內以逐漸增加的速度縮放。

CSS 的鼠標懸浮縮放圖像功能非常實用，可用于創建動態且吸引人的效果。強烈建議掌握此技術并進行實踐，以充分利用 CSS 功能。