CSS圖片逐漸變大是很酷的一種效果，可以通過CSS的transition屬性實現。首先，我們需要設置圖片的初始大小和位置：

img {
position: absolute;
width: 200px;
height: 200px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

這段代碼中，我們設置了圖片的position為absolute，使其相對于父元素進行定位。width和height屬性設置圖片的初始大小，left和top屬性將圖片放置在父元素的中心位置上。

接下來，我們需要添加鼠標懸停事件，當鼠標懸停在圖片上時，圖片逐漸變大：

img:hover {
width: 400px;
height: 400px;
transition: all 1s;
}

這段代碼中，我們添加了:hover偽類，用于表示當鼠標懸停在圖片上時。width和height屬性設置圖片的最終大小，transition屬性設置變化需要的時間。

當我們將兩段代碼合并在一起時，便可以實現圖片逐漸變大的效果：

img {
position: absolute;
width: 200px;
height: 200px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
img:hover {
width: 400px;
height: 400px;
transition: all 1s;
}

如果你需要更加平滑的變化效果，可以調整transition屬性中的時間值：

img:hover {
width: 400px;
height: 400px;
transition: all 0.5s;
}

總之，使用CSS實現圖片逐漸變大的效果非常簡單，只需要幾行代碼即可實現。通過調整CSS屬性，你可以實現不同的變化效果。