CSS是前端開發中很重要的一環，可以通過它實現各種效果。今天我們來講一下如何通過CSS實現鼠標移入圖片放大的效果。

/* html */
<img src="cat.jpg" class="cat">
/* css */
.cat {
transition: all 0.3s ease-in-out; /* 過渡效果 */
}
.cat:hover {
transform: scale(1.2); /* 放大效果 */
}

通過上述代碼，我們可以看到我們為圖片添加了`.cat`這個class，接著給它添加了一個`transition`屬性，這個屬性是設置變化的運動，這里設置了一個`ease-in-out`，可以讓圖片有一個平滑過渡的動畫效果。

接下來，我們為它添加了一個:hover效果，即當鼠標懸浮在圖片上時發生變化。其中，我們使用了`transform`屬性來實現當前圖片放大的效果。`scale(1.2)`表示放大1.2倍，同時圖片周圍的空白區域也會跟著放大。

通過這段簡單的代碼，我們就可以實現鼠標移入圖片放大的效果了！