CSS3中的hover特效是一種常用的交互方式，它可以增加網頁的互動性和視覺效果。下面介紹一些常見的CSS3 hover特效。

/*
 *添加hover動畫
 */
.hover {
transition: all 0.3s ease-in-out;
}
/*縮小圖片*/
.hover-img {
transform: scale(0.9);
}
/*加深背景色*/
.hover-bg {
background-color: #f2f2f2;
}
/*旋轉圖標*/
.hover-icon {
transform: rotate(360deg);
}
/*下拉菜單*/
.hover-dropdown {
display: block;
}

在CSS3中，我們可以通過CSS選擇器來為元素添加hover特效。例如，當鼠標移動到一張圖片上時，圖片可以縮小，讓用戶注意到這個交互：

img:hover {
transform: scale(0.9);
}

又如下拉菜單，當鼠標經過菜單時，菜單可以切換為可見狀態：

.dropdown {
display: none;
}
.menu:hover .dropdown {
display: block;
}

另外，我們也可以為整個網頁添加hover特效，讓用戶在瀏覽時有更好的體驗。例如，當鼠標移動到導航欄上時，導航欄可以產生漸變效果，提示用戶當前所在的位置：

.nav:hover {
background: linear-gradient(to bottom, #f2f2f2, #e6e6e6);
}

以上就是一些CSS3 hover特效的示例，它們可以用來增加網頁的交互性和視覺效果，讓用戶更好地瀏覽網頁。