CSS過渡 (transition) 是一種可以向元素添加動畫效果的屬性，通過過渡，使元素的更改狀態更加平滑和柔和。然而，很多人不知道如何在CSS中設置過渡的時間。

在CSS中設置過渡時間非常簡單，只需使用transition-duration屬性。如下所示：

/* 設置一個2秒的過渡時間 */
transition-duration: 2s;

此代碼將使元素的任何變化在2秒內平滑過渡。您還可以設置過渡的時間長度，如下所示：

/*設置100毫秒的過渡時間*/
transition-duration: 100ms;

還有一種設置過渡時間的方法是將多個過渡屬性放在一起，使用逗號將它們隔開。例如：

/*同時設置背景顏色和過渡時間*/
transition: background-color 2s, opacity 0.5s;

在這個例子中，元素的背景顏色和透明度屬性將同時進行過渡，并且它們分別擁有不同的過渡時間。

您也可以使用關鍵字來設置過渡時間。在這種情況下，您只需指定“fast”（200毫秒），“normal”（400毫秒）或“slow”（600毫秒）即可。例如：

/*使用關鍵字設置過渡時間*/
transition-duration: normal;

如果您沒有指定過渡時間，那么元素將默認使用400毫秒的過渡時間。

在知道如何設置CSS過渡時間后，您可以很容易地給元素添加平滑過渡，使您的網站看起來更加專業和流暢。