在網(wǎng)頁設(shè)計中，圖片的使用不僅可以美化頁面，還可以通過超鏈接實現(xiàn)頁面元素的跳轉(zhuǎn)。而在這些鏈接中，如何讓圖片在被鼠標(biāo)懸停時變大是一個常見的問題。

這時候，CSS就派上用場了。首先，可以通過選擇器選中需要設(shè)置的圖片，設(shè)置其初始大小及鼠標(biāo)懸停時變大的大小。

img{
width: 100px;
height: 100px;
transition: all 0.3s ease-in-out;
}
img:hover{
transform: scale(1.2);
}

可以看到，以上代碼中，我們通過設(shè)置img元素的width和height屬性，確定了圖片的初始大小。接著，我們使用transition屬性實現(xiàn)圖片變換的過渡效果，其中，all表示所有屬性均過渡，0.3s表示過渡時間為0.3秒，ease-in-out表示過渡速度為先快后慢。

而在圖片被鼠標(biāo)懸停時，我們使用:hover偽類選中該元素，并使用transform屬性對其進(jìn)行縮放。其中，scale()函數(shù)用于控制縮放的大小，括號中的數(shù)字為縮放比例。

通過以上的操作，我們成功實現(xiàn)了圖片超鏈接變大的效果。當(dāng)鼠標(biāo)懸停在圖片上時，圖片會平滑地變大，以吸引用戶的注意力。在實際開發(fā)中，我們可以根據(jù)實際需求，對上述代碼進(jìn)行適當(dāng)?shù)恼{(diào)整，以達(dá)到更好的效果。