CSS過渡是一種為網頁添加動態效果的方法。當狀態發生變化時，可以利用CSS過渡來實現平滑的過渡效果。其中，:hover是最常用到的觸發機制之一。

:hover偽類表示當元素被鼠標懸浮時的狀態，可以在CSS樣式中添加新的效果，從而實現過渡效果。例如：

p {
transition: background-color 1s;
}
p:hover {
background-color: red;
}

在上述樣式中，當鼠標懸浮在

元素上時，背景色會從默認的顏色平滑地過渡到紅色，過渡期為1秒。

除了:hover，還可以使用其他偽類來觸發過渡效果，如:active、:focus等。

:active偽類表示當元素被激活時的狀態，例如鼠標點擊或鍵盤操作。以下示例讓
元素在被點擊時背景色變為紅色：

p {
transition: background-color 1s;
}
p:active {
background-color: red;
}

:focus偽類表示當元素獲取焦點時的狀態，例如文本框被點擊后。以下示例讓元素在被點擊后邊框顏色變為紅色，并在輸入時邊框顏色再次變化：

input {
transition: border-color 1s;
}
input:focus {
border-color: red;
}
input:focus:valid {
border-color: green;
}

如上述代碼所示，:valid偽類表示輸入內容符合預期的狀態，這些狀態的變化也可以觸發過渡效果，從而進一步優化網頁的交互體驗。

綜上所述，CSS過渡的偽類觸發機制豐富多樣，可以根據實際需求選擇合適的觸發機制來實現動態效果。這些過渡效果不僅能使網頁更加生動，還能提升用戶對網站的體驗和使用欲望。