CSS過渡效果可以讓頁面元素在樣式變化時產生平滑的過渡效果，而不是突然變化。

要設置CSS過渡時間，可以使用transition屬性。該屬性需要指定要過渡的CSS屬性名稱和過渡時間。例如：

div {
background-color: red;
transition: background-color 1s;
}
div:hover {
background-color: blue;
}

上述代碼中，當鼠標懸停在div元素上時，背景色會平滑地從紅色過渡到藍色，過渡時間為1秒。

可以通過指定多個CSS屬性和過渡時間，設置多個過渡效果。例如：

div {
background-color: red;
color: white;
transition: background-color 1s, color 2s;
}
div:hover {
background-color: blue;
color: black;
}

上述代碼中，當鼠標懸停在div元素上時，背景色和文字顏色會分別從紅色和白色，過渡到藍色和黑色，過渡時間分別為1秒和2秒。

需要注意的是，如果要取消某個CSS屬性的過渡效果，可以將過渡時間設置為0。例如：

div {
background-color: red;
transition: background-color 1s;
}
div:hover {
background-color: blue;
transition: background-color 0s;
}

上述代碼中，當鼠標懸停在div元素上時，背景色會過渡到藍色，但過渡時間被設置為0，所以過渡效果被取消。