CSS3中常用的過渡效果是:hover，它可以讓鼠標放在元素上時產生的效果更加平滑。通過hover過渡，可以實現更加流暢的頁面動畫效果，讓頁面內容更加生動。

.box{
width: 200px;
height: 200px;
background-color: #fff;
transition: background-color .5s ease;
}
.box:hover{
background-color: #f90;
}

上述代碼中，.box是一個正方形div，鼠標放到上面時，背景色會由白色變成橙色。其中transition屬性指定了過渡時間、過渡延遲、過渡方式。

在hover過渡中，我們還可以使用transform等屬性來實現更加復雜的過渡效果。

.box{
transform: scale(1);
transition: transform .2s ease;
}
.box:hover{
transform: scale(1.2);
}

上述代碼中，.box元素的scale屬性指定了其大小，hover時會變大1.2倍。

除此之外，hover過渡還可以與偽元素搭配使用，實現更加豐富的效果。

.button::before,
.button::after{
content: "";
display: block;
position: absolute;
left: 0;
width: 0;
height: 2px;
background-color: #333;
transition: all .2s ease;
}
.button:hover::before{
width: 100%;
}
.button:hover::after{
bottom: 0;
width: 100%;
}

上述代碼中，.button元素的偽元素在hover時會分別出現一條橫線和一條豎線，實現了一個交叉的下劃線效果。

總結來說，hover過渡是CSS3中非常常用的過渡效果，可以讓頁面變得更加生動、豐富。在使用時，我們可以結合其他屬性和偽元素，實現更加多樣化的效果。