CSS 圖片伸縮特效可以使圖片在頁面上呈現出更加生動、有趣的效果。我們可以使用 CSS 的 transform 屬性對圖片進行伸縮處理，同時可以加入過渡效果，讓圖片的伸縮更加流暢自然。

下面是一個簡單的 CSS 圖片伸縮的代碼示例：

<style>
.box {
width: 200px;
height: 200px;
overflow: hidden;
margin: 20px;
position: relative;
}
.box img {
width: 100%;
height: auto;
transition: transform 0.5s;
position: absolute;
top: 0;
left: 0;
}
.box:hover img {
transform: scale(1.2);
}
</style>
<div class="box">
<img src="example.jpg" alt="圖片">
</div>

上面的 CSS 代碼中，我們創建了一個容器元素 .box，為了讓圖片的伸縮效果更加明顯，我們把容器元素設為固定寬高并隱藏溢出部分。圖片元素使用了絕對定位，以及過渡效果和 transform 屬性來實現伸縮效果。當鼠標懸停在容器元素上時，我們為圖片元素添加了 scale(1.2) 的 transform 屬性，實現了放大的效果。

CSS 圖片伸縮效果可以使頁面變得更加動態、活潑，與其他 CSS 動畫效果一起使用，可以創造出更加精美的頁面效果。