CSS中有一個非常常見的效果，那就是鼠標放上去照片放大。這個效果可以讓網頁內容更加生動，讓用戶更加喜愛你的網站。下面我們就來講講這個效果該如何實現。

/* 首先需要給照片元素添加一個鼠標懸停時的效果 */
img:hover {
transform: scale(1.2);
/*這里是放大的倍數*/
transition: all 0.2s ease-in-out;
/*這里是放大過程的時間和方式*/
}
/* 接著，需要設置圖片的大小 */
img {
width: 400px;
height: 200px;
}

上述代碼中，我們先給圖片元素添加了hover效果，表示鼠標懸停時要進行什么操作。在這里，我們使用transform來實現圖片放大，同時還設置了transition屬性，讓放大過程更加平滑。

接著，在樣式表中我們給圖片設置了一定的寬度和高度。這樣，圖片在沒有被放大的情況下，也能按照一定比例進行顯示。

使用CSS實現鼠標放上去照片放大的效果，不僅僅是讓網站更加美觀，還能提高用戶的瀏覽體驗。大家可以在自己的網站中嘗試一下這個效果，相信會給用戶留下深刻的印象。