CSS3提供了許多強大的神奇效果，其中包括照片懸浮放大的效果。這個效果可以提升網站頁面的視覺效果，讓用戶更加喜歡。下面，我們來學習一下如何實現這個效果。

.img {
transition: all 0.3s ease-out;
/* 這里設置過渡效果，全部屬性過渡時間為0.3秒，緩動函數為ease-out */
}
.img:hover {
transform: scale(1.1);
/* 這里設置懸浮時的放大效果，鼠標懸浮時將圖片放大1.1倍 */
}

上面的代碼中，我們設置了一個類名為img的元素，用來表示需要添加放大效果的圖片。通過使用_transition_屬性，我們加入了過渡效果，使得放大效果更加自然流暢。接著，使用:hover偽類選擇器，當鼠標懸浮在img元素上時，給它添加了一個_transform_屬性，將圖片放大了1.1倍，并且緩動函數為緩出效果。

這個效果不僅僅可以用在圖片上，還可以用在文字、按鈕等其他元素上。不過需要注意的是，過多地使用過渡效果，可能會影響網站的性能，因此需要根據實際情況進行調整。

最后，我們再來看一下演示效果：

<img class="img" src="example.jpg" alt="示例圖片">