CSS是現(xiàn)代網(wǎng)頁設(shè)計中不可或缺的一部分，它可以讓我們?yōu)榫W(wǎng)頁添加各種酷炫的效果，其中之一就是鼠標(biāo)放上去圖片動效。下面我們來學(xué)習(xí)一下如何使用CSS實現(xiàn)這項功能。

img:hover{
transform: scale(1.2);
transition-duration: 0.5s;
}

如上所示的代碼是實現(xiàn)鼠標(biāo)放上去圖片放大的功能，我們可以通過給標(biāo)簽添加:hover偽類選擇器來實現(xiàn)。

在:hover偽類選擇器內(nèi)，我們使用CSS3中的transform屬性，將圖片的大小比例放大到1.2倍，從而達(dá)到圖片放大效果。而transition-duration屬性則是控制放大效果的過渡時間，這里我們設(shè)置為0.5秒。

使用這個代碼，鼠標(biāo)放上去圖片就會自動放大，給人一種視覺上的沖擊力，增強(qiáng)了網(wǎng)頁的交互性，提升了用戶體驗。你也可以通過控制transform屬性的值來實現(xiàn)不同的放大效果，讓你的網(wǎng)頁更加個性化。