CSS是一種樣式語言，可以用來美化HTML網頁的外觀和布局。其中一個非常有用的特性就是鼠標滾動縮放效果。

鼠標滾動縮放效果通常在導航菜單和圖片放大縮小的場景中使用。通過CSS可以實現多種不同的鼠標滾動縮放效果效果，下面我們來看看一些示例代碼。

/* 示例一：導航菜單 */
.nav-menu {
transform: scale(1);
transition: transform 0.2s ease-in-out;
}
.nav-menu:hover {
transform: scale(1.2);
}
/* 示例二：圖片放大縮小 */
.image {
width: 200px;
height: 200px;
transition: transform 0.2s ease-in-out;
}
.image:hover {
transform: scale(1.2);
}

在上面的代碼中，我們使用CSS的scale()函數實現了鼠標滾動縮放效果。其中，transform: scale(1)指定了元素的初始大小，transform: scale(1.2)則是指鼠標滾動到元素上時的大小，通過transition屬性來實現平滑過渡效果。

除了scale()函數，還可以使用zoom屬性來實現鼠標滾動縮放效果。該屬性和scale()函數相似，不同之處在于它只能用于IE瀏覽器。

/* 示例三：使用zoom實現鼠標滾動縮放效果 */
.image {
width: 200px;
height: 200px;
transition: zoom 0.2s ease-in-out;
}
.image:hover {
zoom: 1.2;
}

鼠標滾動縮放效果是CSS常用的技巧之一，通過簡單的CSS代碼就可以實現不同的效果，使網頁更加豐富多彩。