CSS是網頁設計中不可或缺的工具，可以為網頁增添各種華麗的效果。其中一種常見的效果就是鼠標移動圖片放大。下面就來介紹一下如何利用CSS實現這個效果。

.container{
position:relative;
width:300px;
height:300px;
overflow:hidden;
}
.image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transition:transform .3s ease;
}
.image:hover{
transform:scale(1.2);
}

首先，需要將圖片放置在一個帶有溢出隱藏屬性的容器中，這樣才能實現在鼠標移動時縮放的效果，并使容器內的其他元素不受影響。容器的CSS代碼如下：

.container{
position:relative;
width:300px;
height:300px;
overflow:hidden;
}

然后，需要將圖片的位置設為絕對定位，使其覆蓋整個容器，并使用transform屬性添加過渡效果。具體代碼如下：

.image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transition:transform .3s ease;
}

最后，在鼠標移動到圖片上時，利用:hover偽類和transform屬性將圖片的大小進行放大。具體代碼如下：

.image:hover{
transform:scale(1.2);
}

至此，一個簡單的鼠標移動圖片放大效果就完成了。可以通過調整容器大小、圖片大小、過渡時間等參數來實現不同的效果。需要注意的是，在使用transform屬性時，需要考慮瀏覽器兼容性問題。