CSS 圖片懸停特效是網頁設計中常用的一種技術，它可以增強用戶與頁面的互動性，提高頁面的美觀度。下面我們將介紹兩種實現 CSS 圖片懸停特效的方式。

.img-hover {
transform: scale(1.2); /* 1.2 倍的縮放 */
transition: transform 0.5s ease-in-out; /* 縮放時長和動畫效果 */
}
.img-hover:hover {
transform: scale(1.5); /* 進一步放大為 1.5 倍 */
}

上述代碼片段定義了一個類名為 img-hover 的樣式，其中 transform 屬性實現了圖片縮放的效果，transition 屬性設置了縮放的動畫效果和時長。當用戶將鼠標懸停在圖片上時，該圖片的樣式將被修改，縮放比例更加明顯。

.img-opacity {
opacity: 0.5; /* 圖片初始透明度為 0.5 */
transition: opacity 0.5s ease-in-out; /* 透明度變化時長和動畫效果 */
}
.img-opacity:hover {
opacity: 1; /* 鼠標懸停時圖片完全不透明 */
}

上述代碼片段采用透明度變化的方式實現了圖片懸停特效。圖片的初始透明度為 0.5，鼠標懸停時透明度變為 1，從而使圖片更加清晰明亮。該技術常用于在圖片上放置文字或其他元素，以免圖片過于突兀。

總之，利用 CSS 實現圖片懸停特效是網頁設計中常用且實用的技術，通過合適的樣式設置，可以增強用戶對頁面的感性認知和視覺體驗。