今天我們來學習一下如何使用CSS3實現圖片懸停效果。下面是一段示例代碼：

/* 定義懸停效果 */
img:hover {
opacity: 0.8; /* 降低不透明度 */
transform: scale(1.1); /* 放大圖片 */
cursor: pointer; /* 鼠標指針修改為手型 */
}
/* 重置默認樣式 */
img {
transition: all 0.3s ease-in-out; /* 設置動畫效果時間和速度 */
border: none; /* 去掉默認的邊框 */
}

以上代碼中，我們使用鼠標懸停事件來觸發圖片效果。首先，我們定義了圖片懸停時的效果，包括降低圖片不透明度、放大圖片和修改鼠標指針為手型。然后，我們重置了圖片的默認樣式，包括設置動畫效果時間和速度以及去掉邊框。 在實際使用時，可以將以上代碼添加到CSS文件中，并將圖片標簽設置相應的class屬性。如下所示：

<img class="hover-effect" src="example.jpg" alt="example" />

在CSS文件中，可以給class屬性"hover-effect"添加以上寫好的懸停效果代碼。這樣，當鼠標懸停在該圖片上時，就會出現我們定義好的效果。 希望以上代碼能幫助大家升華網頁的美觀程度，讓用戶獲得更好的使用體驗。