過渡（Transition）是 CSS3 中的一種新屬性，它用于指定當元素由一種樣式轉變為另一種樣式時應該使用多長時間來完成過渡效果。過渡在使用時需要同時指定屬性名稱和時長，同時還可以指定延時和動畫函數。

/* 語法 */
transition: property duration timing-function delay;
/* 示例 */
transition: all 1s ease 0.5s;
/* 屬性解析 */
- property：指定需要過渡的屬性名稱，如 width、background-color、opacity 等。
- duration：指定過渡效果的持續時間，單位為秒（s）或毫秒（ms）。
- timing-function：指定過渡動畫函數，如 ease、linear、ease-in-out 等。
- delay：指定過渡效果的延遲時間，單位為秒或毫秒。

在使用過渡時，需要注意以下幾點：

• 只有被渲染的屬性才能使用過渡，如顏色、大小、位置等。
• 過渡只在開始狀態和結束狀態之間進行，而不會改變中間的過渡狀態。
• 不建議對所有元素都使用過渡，這會影響網站的性能，應該只對需要過渡的元素進行設置即可。

最后，過渡作為一種效果，它也是可以被 JavaScript 響應的。我們可以通過 JavaScript 來觸發過渡效果，比如通過添加、移除 class 名稱來實現按鈕點擊后的過渡效果。