CSS3中的過渡效果可以為網頁添加更加優美的動效，其中結合了:hover屬性，可以讓元素在鼠標懸停時出現平滑的過渡效果。

通過以下示例代碼，我們可以讓鼠標懸停在按鈕上時，它的背景顏色過渡變成紅色，并帶有漸變動畫：

button{
background-color: blue;
color: white;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 1s ease;
}
button:hover{
background-color: red;
}

在這個例子中，我們首先定義了一個按鈕樣式：藍色背景、白色文字、圓角等，然后通過transition屬性設置了背景顏色的過渡效果，時間為1秒，緩動方式為ease。

接著，在:hover偽類中，我們設置了按鈕背景顏色在鼠標懸停時過渡變成了紅色，因為我們之前已經在normal state中定義了背景顏色的過渡，所以這里自然而然地應用了這個效果。

除了背景色之外，CSS3過渡還可以應用到其他屬性上，比如文字顏色、尺寸等。在這些屬性發生變化時，我們可以通過過渡效果讓它們變得更加柔和，提供更好的用戶體驗。