CSS3中的:hover可以實現在鼠標懸浮時改變元素的樣式，但有時候我們需要在鼠標懸浮后延遲一段時間才進行樣式改變。這時就需要使用CSS3中的:hover-delay了。

/* 延遲0.5s后再改變元素樣式 */
.element:hover {
transition-delay: 0.5s;
}

上面的代碼中，我們給:hover添加了一個transition-delay屬性，表示鼠標懸浮后延遲0.5s再進行樣式過渡。

當然，我們還可以通過添加過渡效果來實現更加平滑的樣式變化：

/* 延遲0.5s后以2s的時間過渡元素樣式 */
.element {
transition: all 2s ease;
}
.element:hover {
transition-delay: 0.5s;
transform: scale(1.2);
}

上面的代碼中，我們通過給元素添加一個2s的transition過渡效果，懸浮后延遲0.5s再進行樣式變化，同時還添加了一個transform屬性，使元素放大1.2倍。

使用:hover-delay可以讓我們更加靈活地控制樣式變化的時機，讓網頁看起來更具有交互性。