CSS3鼠標滑過圖片變大效果是一個非常炫酷的效果，對于網站的視覺體驗提升有很大的作用，下面來看一下如何實現。

<style>
.img-container{
width: 200px;
height: 200px;
overflow: hidden;
border: 1px solid #ccc;
position:relative;
transition: ease-in-out 0.3s;
}
.img-container img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: ease-in-out 0.3s;
}
.img-container:hover{
width: 250px;
height: 250px;
}
.img-container:hover img{
transform: scale(1.2);
}
</style>

首先我們需要創建一個圖片容器，使用overflow: hidden來隱藏圖片的溢出部分。

然后給圖片設置position: absolute，使其脫離文檔流，可以隨意更改大小。

在容器上使用:hover偽類，讓容器在鼠標懸停時更改大小，同時使用transition屬性控制過渡效果的速度和方式。

最后，當鼠標懸停在圖片上時，使用transform: scale()屬性將圖片放大。

這樣，我們就能夠實現鼠標滑過圖片變大的效果了。