CSS3是一種非常強大的前端技術，它可以讓我們輕松地制作出各種各樣的特效和動畫。其中，圖片放大效果是比較常見的一種。下面，我們來看一下如何使用CSS3實現一個圖片放大的效果吧。

.img-wrapper {
position: relative;
width: 300px;
height: 200px;
overflow: hidden;
	}
.img-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.5s ease-out;
	}
.img-wrapper:hover img {
transform: scale(1.2);
	}

首先，我們需要一個圖片容器，這里我們使用一個類名為img-wrapper的div元素來充當容器。這個容器需要設置寬度和高度，并且設置overflow屬性為hidden，這樣才能隱藏超出容器范圍的圖片部分。

接下來，我們需要放入圖片到容器中。這里我們使用一個img元素來展示我們的圖片。為了讓這個圖片可以相對于它的父容器定位，我們需要將圖片的position屬性設置為absolute，top和left屬性都設置為0，這樣圖片就可以完全填充整個容器。此外，我們還需要給圖片設置一個過渡動畫。在這個例子中，我們使用了transform 0.5s ease-out來設置一個放大的過渡動畫。

最后，在容器元素hover的時候，我們使用:hover選擇器來觸發圖片的放大動畫。具體來說，我們在:hover選擇器里面使用transform: scale(1.2)來將圖片放大1.2倍，從而達到我們想要的效果。

在實際應用中，我們可以根據這個例子來定制自己的圖片放大效果，同時也可以在CSS3的基礎上添加更多的特效和動畫，讓我們的頁面更加生動有趣。