在CSS中，我們可以使用transition屬性來(lái)控制元素的過(guò)渡效果。

transition: property duration timing-function delay;

屬性接受四個(gè)值：屬性，持續(xù)時(shí)間，時(shí)間函數(shù)和延遲。描述如下：

屬性：要過(guò)渡的CSS屬性，如background-color、width、height等。可以同時(shí)過(guò)渡多個(gè)屬性，用逗號(hào)分隔。例如：transition: background-color 1s, width 2s；

持續(xù)時(shí)間：過(guò)渡所需的時(shí)間，可以是秒（s）或毫秒（ms）。例如：transition: width 0.5s;

時(shí)間函數(shù)：指定過(guò)渡期間如何加速或減慢。預(yù)定義的函數(shù)有l(wèi)inear、ease、ease-in、ease-out、ease-in-out，也可以使用自定義的貝塞爾曲線（用cubic-bezier()函數(shù)描述）。例如：transition: all 1s ease-in-out；

延遲：指定過(guò)渡的延遲時(shí)間，以秒或毫秒為單位。例如：transition: height 1s 0.5s；

在使用transition時(shí)，可以將其應(yīng)用于鼠標(biāo)懸停，點(diǎn)擊等事件。例如：

.btn {
background-color: #fff;
transition: background-color 0.5s ease;
}
.btn:hover {
background-color: #000;
}

在上述示例中，當(dāng)鼠標(biāo)懸停在按鈕上時(shí)，背景色將平滑地過(guò)渡到黑色，持續(xù)時(shí)間為0.5秒，并且使用ease函數(shù)。

總之，CSS中的transition屬性可以實(shí)現(xiàn)無(wú)縫的UI交互效果，使網(wǎng)站更加生動(dòng)，吸引人。