CSS是現代網頁設計中不可或缺的一部分，它可以讓我們為網頁添加各種酷炫的效果，其中之一就是鼠標放上去圖片動效。下面我們來學習一下如何使用CSS實現這項功能。

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

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

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

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