CSS過渡是一種讓元素從一個狀態平滑過渡到另一個狀態的效果，從而使頁面更加生動有趣。在CSS中，我們可以使用偽類：hover，active，focus等來觸發過渡效果。

/*鼠標移入按鈕時進行過渡*/
button {
background-color: blue;
transition: background-color 0.5s ease;
} 
button:hover {
background-color: red;
}

上面的代碼中，我們定義了一個按鈕，當鼠標移入按鈕時，按鈕的背景顏色會從藍色平滑過渡到紅色。在按鈕中使用了CSS過渡，通過:hover偽類觸發過渡效果。

/*點擊鏈接時進行過渡*/
a {
color: blue;
transition: color 0.5s ease;
}
a:focus {
color: red;
}

在上面的代碼中，我們定義了一個鏈接，當用戶點擊鏈接時，鏈接文字的顏色會從藍色平滑過渡到紅色。在鏈接中使用了CSS過渡，通過:focus偽類觸發過渡效果。

CSS過渡是一種非常實用的效果，在頁面中為用戶提供了更加生動有趣的交互方式。我們可以靈活運用偽類來觸發過渡效果，讓頁面更加美觀和易用。