CSS可以實現很多有趣的動畫效果，其中圖片浮現動畫效果十分常見。

.transition {
position: relative;
overflow: hidden;
}
.transition img {
position: absolute;
transition: all 0.5s;
}
.transition:hover img {
transform: scale(1.2);
}

以上代碼實現了當鼠標懸停于元素上時，圖片會放大1.2倍的效果。

首先，我們需要給元素以及其中的圖片設置相對/絕對定位，以便于動畫的實現。為了達到圖片浮現的效果，我們需要將圖片以絕對定位的方式放置在元素內，隱藏超出元素的部分，然后在鼠標懸停時將圖片放大即可。

這個浮現動畫效果可以通過CSS的transition屬性實現。我們給圖片設置transition屬性，屬性值即為我們希望進行動畫的屬性，這里我們設置為全部屬性（all），以便實現圖片大小的變化。當鼠標懸停在元素上時，我們通過:hover偽類選擇器來設置圖片的transform屬性，進而實現動畫效果。

這個動畫效果可以應用在很多場景中，比如相冊展示、產品展示等。一定要注意圖片的大小比例，否則放大后可能會出現變形。