CSS過渡中的:hover和:focus是最常用的偽類，而偽類滑動觸發則可以為網站增加更多的交互性。

偽類滑動觸發可以通過三個關鍵詞進行設置，分別是:active，:hover和:focus。其中，:hover用于鼠標懸停元素上方時的狀態變化，:focus用于當元素擁有焦點時的狀態變化，:active則用于當用戶點擊元素時的狀態變化。

.example {
background-color: red;
transition: background-color .5s ease-out; /* 過渡時間為0.5s，動畫效果為ease-out */
}
.example:hover {
background-color: blue;
}
.example:focus {
background-color: green;
}
.example:active {
background-color: yellow;
}

在上面的示例中，我們定義了一個名為example的元素。在默認狀態下，背景色為紅色。然而，當使用鼠標懸停在元素上方時，背景色會變為藍色。當元素獲取到焦點時，背景色會變為綠色。最后，當用戶點擊元素時，背景色會變為黃色。

除了背景色外，偽類滑動觸發還可以用于改變元素的大小、位置、邊框等。例如，我們可以使用:hover來縮小一個元素：

.example {
width: 100px;
height: 100px;
transition: transform .5s ease-out;
}
.example:hover {
transform: scale(0.5); /* 縮小到50% */
}

在上面的示例中，我們定義了一個名為example的元素，width和height屬性分別為100px，即正方形。當使用鼠標懸停在元素上方時，使用:hover將會縮小元素至50%。

總而言之，偽類滑動觸發是一種易于使用的交互方式，可以在不使用JavaScript的情況下，為網站增加更多的動態效果。同時，由于其使用偽類的方式，因此也不會增加額外的標簽或代碼大小，是一種省時省力的css技巧。