今天我要來分享一個很酷的CSS代碼：當鼠標放上去照片時，它會變大。這個特效其實很容易實現，只需要幾行代碼就能搞定。 首先，我們需要一個圖片。我們可以在HTML中使用標簽來插入圖片，并給它一個ID，這樣我們就可以在CSS中用ID來選擇這個圖片。

下面是我們要使用的圖片：

接下來，我們需要用CSS來實現圖片放大的效果。我們可以通過:hover偽類選擇器來實現，即當鼠標懸停在圖片上時，應用特定的CSS規則。

/* 鼠標懸停時圖片變大 */
#myImg:hover {
transform: scale(1.2);
}

這里，我們使用了CSS3的transform屬性來實現圖片放大。我們將圖片的比例放大了1.2倍，使其看起來更大。 然后，我們需要在CSS中為圖片設置一些基本樣式，例如寬度、高度和邊框等等。我們還需要讓圖片的transition屬性從0.3秒到1s，這樣圖片變大的過程會變得更加平滑。

/* 設置圖片的基本樣式 */
#myImg {
width: 200px;
height: 200px;
border: 2px solid black;
transition: transform 0.3s ease-in-out;
}

現在我們可以在HTML中調用這段CSS代碼，讓圖片可以在鼠標放上去時變大：

下面是鼠標放上去照片變大的效果：

所以，這就是鼠標放上去照片變大的CSS代碼。通過使用簡單的:hover偽類，我們可以創造出很多很酷的特效。希望這篇文章對你有所啟發，讓你喜歡上CSS編程。