CSS3中的transition屬性用于設置元素在一定時間內的過渡效果。它允許我們在元素的不同狀態之間平滑地過渡，從而實現更加流暢的頁面動畫。
transition屬性的語法如下：
transition: property duration timing-function delay;
property：指定要過渡的CSS屬性，可以是一個或多個屬性，用逗號分隔。
duration：指定過渡的持續時間，以秒（s）或毫秒（ms）為單位。
timing-function：指定過渡的速度曲線，可以是預定義的值（如ease、linear、ease-in、ease-out、ease-in-out）或自定義的貝塞爾曲線。
delay：指定過渡開始前的延遲時間，以秒（s）或毫秒（ms）為單位。
以下是一些常用的transition屬性的值和示例：
transition-property: 指定要過渡的屬性，可以是all（所有屬性）、none（無屬性）或具體的屬性名。
transition-duration: 指定過渡的持續時間，例如0.3s、500ms。
transition-timing-function: 指定過渡的速度曲線，例如ease、linear、ease-in、ease-out、ease-in-out。
transition-delay: 指定過渡開始前的延遲時間，例如0.3s、500ms。
以下是一個示例，演示了如何使用transition屬性實現元素顏色過渡的效果：
.box {
background-color: red;
transition: background-color 1s ease-in-out;
}
.box:hover {
background-color: blue;
}
在以上示例中，當鼠標懸停在.box元素上時，其背景色會平滑地從紅色過渡到藍色，持續時間為1秒，速度曲線為ease-in-out。
總結一下，transition屬性是CSS3中用于設置元素過渡效果的屬性，它可以控制過渡的屬性、持續時間、速度曲線和延遲時間，從而實現更加流暢的頁面動畫效果。
