CSS3中提供了一種很酷的效果——hover效果。使用hover，你可以輕松的給網頁添加一些簡單的馬賽克，動態的效果等等。而且，在CSS3中還有一個名為transition的屬性，可以增加平滑的過渡效果。

/*  在CSS3中使hover平滑的過渡效果 */
/* 首先在樣式表中添加hover的CSS樣式 */
a:hover {
color: #F00;
font-weight: bold;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
/* 接下來就可以看到我們的hover效果被添加到了文本鏈接上 */這是一個文本鏈接

在代碼中，我們用了一個transition屬性，其作用是讓hover效果更加平滑。在這個例子中，我們將屬性設置為all，意思是所有變化都將具有相同的過渡效果。使用ease-in-out參數意思是過渡效果將開始緩慢，然后取得速度，在結束的時候再次緩慢。最后，我們將過渡時間設置為0.2秒，這樣用戶不會感到被拖延。

所以，CSS3 hover平滑的過渡效果可以讓你的網站看起來更加專業，并且增加了視覺上舒適的效果。這種效果可以被用來制作動畫，這是在CSS3中非常流行的技術之一。