CSS中有一個很有趣的效果，就是當(dāng)鼠標(biāo)越過一張圖片時，圖片會變大。這個效果非常適合用于圖片展示頁面，能夠吸引用戶的視線，增強用戶體驗。

img:hover{
transform: scale(1.2); /*當(dāng)鼠標(biāo)越過圖片時，將其放大1.2倍*/
transition: all 0.3s ease-in-out; /*添加過渡效果，讓圖片放大時更加平滑*/
}

上面代碼中，我們使用了:hover偽類，當(dāng)鼠標(biāo)越過圖片時，會觸發(fā)這個效果。然后，我們使用了transform屬性，將圖片放大1.2倍，就可以實現(xiàn)圖片的放大效果了。

另外，我們還添加了一個過渡效果，讓圖片放大時更加平滑。通過設(shè)置transition屬性，我們可以設(shè)置過渡的時間和變化速度，這里我們設(shè)置了0.3秒的過渡時間和平滑的緩動效果。

除了使用transform屬性，這個效果還可以用其他的方式來實現(xiàn)。比如，我們可以通過調(diào)整圖片的寬高來讓它看起來變大：

img:hover{
width: 120%; /*當(dāng)鼠標(biāo)越過圖片時，將其寬度增加20%*/
height: 120%; /*將圖片高度也增加20%，讓其看起來更加自然*/
transition: all 0.3s ease-in-out; /*添加過渡效果*/
}

通過這種方式，我們可以讓圖片看起來更加自然，并且效果也非常不錯。

總的來說，CSS中的鼠標(biāo)越過圖片變大效果非常簡單，只需要幾行代碼就可以實現(xiàn)。但是，正是因為它簡單，所以在頁面設(shè)計中非常常用。如果你想讓你的頁面更加引人注目，不妨試一試這個效果。