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

/*鼠標(biāo)移入按鈕時(shí)進(jìn)行過渡*/
button {
background-color: blue;
transition: background-color 0.5s ease;
} 
button:hover {
background-color: red;
}

上面的代碼中，我們定義了一個(gè)按鈕，當(dāng)鼠標(biāo)移入按鈕時(shí)，按鈕的背景顏色會(huì)從藍(lán)色平滑過渡到紅色。在按鈕中使用了CSS過渡，通過:hover偽類觸發(fā)過渡效果。

/*點(diǎn)擊鏈接時(shí)進(jìn)行過渡*/
a {
color: blue;
transition: color 0.5s ease;
}
a:focus {
color: red;
}

在上面的代碼中，我們定義了一個(gè)鏈接，當(dāng)用戶點(diǎn)擊鏈接時(shí)，鏈接文字的顏色會(huì)從藍(lán)色平滑過渡到紅色。在鏈接中使用了CSS過渡，通過:focus偽類觸發(fā)過渡效果。

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