CSS3按鈕懸停效果是Web開發中非常實用的一個技術，可以大大提升頁面的美觀程度和用戶交互體驗。下面是一個簡單的示例。

/* CSS代碼 */
.button {
padding: 15px 25px;
background-color: #4CAF50;
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 16px;
transition: all 0.3s ease;
}
.button:hover {
background-color: #fff;
color: #4CAF50;
border: 2px solid #4CAF50;
}
.button:active {
transform: translateY(2px);
}

上面的代碼中，我們定義了一個按鈕的基本樣式，并使用CSS3的過渡效果來實現鼠標懸停時顏色和邊框的變化，以及點擊時的微調效果。

首先，我們定義了一個.button的樣式，設置了內邊距、背景色、文字顏色、文本對齊方式、邊框圓角以及字號等基本屬性。這個樣式可以根據需求進行自由調整。

接著，我們使用:hover偽類來設定懸停時的樣式。在我們的示例中，鼠標懸停在按鈕上時，按鈕的背景色變成白色，文字顏色變成綠色，邊框變成綠色，并且加粗了2像素。

最后，我們使用:active偽類來實現用戶點擊按鈕時的微調效果。在我們的示例中，當用戶按下按鈕時，按鈕會向下移動2像素。

總體來說，CSS3按鈕懸停效果可以讓網頁更加美觀，同時也有助于提升用戶交互體驗。通過這個簡單的示例，我們可以更好地理解和掌握這個技術。