CSS過(guò)渡是一種用于在元素從一種樣式過(guò)渡到另一種樣式時(shí)添加動(dòng)畫(huà)效果的技術(shù)。CSS過(guò)渡可以通過(guò)在CSS樣式表中指定過(guò)渡規(guī)則來(lái)輕松實(shí)現(xiàn)動(dòng)畫(huà)效果。過(guò)渡效果通常被觸發(fā)通過(guò)以下幾種方式：

元素出現(xiàn)/消失
:hover 偽類選擇器
:focus 偽類選擇器
:checked 偽類選擇器
:target 偽類選擇器
input:focus 選擇器
a:hover 選擇器

當(dāng)元素的屬性或狀態(tài)發(fā)生變化時(shí)，可以觸發(fā)CSS過(guò)渡。過(guò)渡可以定義在不止一個(gè)CSS屬性上，而且在不同的瀏覽器中，可以使用不同的CSS屬性來(lái)指定過(guò)渡效果。例如，可以使用transition-duration屬性來(lái)指定過(guò)渡效果的時(shí)間，使用transition-property屬性來(lái)指定過(guò)渡效果應(yīng)用的CSS屬性，使用transition-timing-function屬性指定過(guò)渡效果的時(shí)間函數(shù)。

div {
transition-property: background-color, width;
transition-duration: 1s;
transition-timing-function: ease;
}
div:hover {
background-color: red;
width: 300px;
}

CSS過(guò)渡是一個(gè)很有用的技術(shù)，可以幫助開(kāi)發(fā)人員輕松地創(chuàng)建動(dòng)畫(huà)效果，使頁(yè)面變得更加吸引人。了解觸發(fā)CSS過(guò)渡的條件是非常重要的，因?yàn)橹挥性谡_的條件下，才能觸發(fā)過(guò)渡效果。