CSS過渡效果可以通過使用transition屬性來實(shí)現(xiàn)。transition屬性是一個簡寫屬性，用于在一個屬性改變中設(shè)置四個過渡效果：
transition-property: 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。
transition-duration: 定義過渡效果花費(fèi)的時間。默認(rèn)是 0。
transition-timing-function: 規(guī)定過渡效果的時間曲線。默認(rèn)是 “ease”。
transition-delay: 規(guī)定過渡效果何時開始。默認(rèn)是 0。
以下是一個簡單的例子，假設(shè)我們有一個方塊，我們想要在其背景顏色改變時有一個過渡效果：
.box {
width: 100px;
height: 100px;
background-color: red;
transition: background-color 2s ease-in-out;
}
.box:hover {
background-color: blue;
}
在這個例子中，.box元素有一個紅色的背景。當(dāng)你把鼠標(biāo)懸停在這個元素上時，它的背景顏色會變?yōu)樗{(lán)色。由于我們?yōu)?box設(shè)置了transition: background-color 2s ease-in-out;，所以當(dāng)背景顏色改變時，會有一個持續(xù)2秒的過渡效果，效果的時間曲線是”ease-in-out”（先慢后快再慢）。
你可以根據(jù)需要調(diào)整transition屬性的值，以實(shí)現(xiàn)不同的過渡效果。