CSS3 Hover Show是一種基于CSS3技術的鼠標懸停顯示效果，常用于網站設計中的交互效果展示。通過使用:hover偽類選擇器和transition屬性，可以實現元素的平滑過渡效果，簡單易懂。

.hover-show {
opacity: 0;
transition: opacity 0.5s ease;
}
.hover-show:hover {
opacity: 1;
}

如上所示的代碼，定義了一個類名為.hover-show的元素，其opacity屬性為0，表示元素開始時不可見。然后通過transition屬性設置元素變化的過渡效果：0.5秒內從0到1的漸變過程，運動方式為ease緩動。當鼠標懸停在.hover-show元素上時，其:hover偽類選擇器就會生效，將元素的opacity屬性值設置為1，即可實現元素顯示的效果。

CSS3 Hover Show還可以進一步擴展，如設置元素的顏色、邊框、圖片等樣式。下面是一個例子：

.hover-border {
border: 1px solid transparent;
transition: border-color 0.5s ease;
}
.hover-border:hover {
border-color: #f00;
}

以上代碼給一個類名為.hover-border的元素增加了邊框樣式，并設置其邊框顏色為透明。同樣也通過transition屬性實現了平滑過渡效果。當鼠標懸停在元素上時，其邊框顏色會變成紅色，實現了一個邊框變色效果。

CSS3 Hover Show可以讓網站的設計更加生動、活潑，給用戶帶來良好的使用體驗。合理運用它，可以為網站注入新的元素交互效果。