CSS中有一種屬性叫做transition，它的作用是使元素在一段時(shí)間內(nèi)逐漸變化，從而產(chǎn)生過渡效果。transition屬性需要指定三個(gè)值：屬性名稱、持續(xù)時(shí)間和過渡效果類型。

div {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s ease-in-out;
}
div:hover {
width: 200px;
}

上面的代碼中，div元素的寬度屬性設(shè)置了transition效果，當(dāng)鼠標(biāo)移動(dòng)到該元素上時(shí)，它的寬度會(huì)從100px逐漸變化到200px，持續(xù)時(shí)間為2秒，效果類型為“ease-in-out”，即先加速再減速。

除了寬度，還可以對(duì)其他屬性使用transition效果，比如顏色、位置等。同時(shí)，transition效果可以和其他CSS屬性一起使用，比如hover、active等偽類選擇器。

button:hover {
background-color: blue;
color: white;
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

上面的代碼中，按鈕元素的背景色和文字顏色屬性都設(shè)置了transition效果，當(dāng)鼠標(biāo)移動(dòng)到該元素上時(shí)，它們的顏色會(huì)逐漸變化，持續(xù)時(shí)間為0.5秒，效果類型為“ease-in-out”。

在使用transition屬性時(shí)，需要注意以下幾點(diǎn)：

• IE9及以下版本不支持transition效果。
• 使用transition效果可能會(huì)影響網(wǎng)頁的性能，特別是在涉及大量元素時(shí)。
• 過渡效果的持續(xù)時(shí)間、效果類型和延遲時(shí)間等可以根據(jù)需要進(jìn)行自定義。

總之，可以通過使用CSS中的transition屬性，為網(wǎng)頁元素添加精美的過渡效果，為用戶提供更好的用戶體驗(yàn)。