CSS偽類可以用來對網頁中的元素進行特殊的樣式設置，而其中的:hover偽類則是用來設置鼠標懸停時元素的樣式。如下面的例子，我們可以通過為圖片添加:hover偽類，來實現鼠標懸停時圖片的特殊效果：

img:hover {
border: 2px solid red;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

但是，這種直接懸停效果有時會顯得過于突兀，缺乏自然的過渡效果，因此我們可以使用CSS3中的transition屬性來為圖片添加延時漸變效果：

img:hover {
border: 2px solid red;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
transition: all 0.3s ease-in-out;
}

在這個例子中，我們設置了border和box-shadow的過渡效果，時長為0.3秒，緩動函數為ease-in-out。這樣，在鼠標懸停時，圖片將會在0.3秒內逐漸出現紅色邊框和陰影效果，不會像之前那樣突兀。

除了all參數外，我們還可以使用border、box-shadow等屬性名稱來針對單個屬性添加過渡效果。