在CSS中，我們經(jīng)常使用過渡效果使頁面更具動感和變化，但有時(shí)候我們需要取消已添加的過渡效果。

在取消過渡效果之前，我們首先需要了解一下CSS中過渡的基本設(shè)置：

/* 元素的初始狀態(tài) */
.my-element {
opacity: 0;
transition: opacity 1s ease-in-out;
}
/* 元素過渡到的狀態(tài) */
.my-element:hover {
opacity: 1;
}

在上面的代碼中，我們設(shè)置了一個(gè)元素的初始狀態(tài)為透明（opacity:0），并且設(shè)置了過渡效果（transition）。當(dāng)鼠標(biāo)指針懸停在元素上時(shí)，元素將變得可見（opacity:1）。現(xiàn)在，我們想要取消這個(gè)過渡效果。

一種方法是將元素的transition屬性設(shè)置為none：

.my-element {
opacity: 0;
transition: none; /* 取消過渡效果 */
}

上面的代碼將取消所有過渡效果，包括opacity 1s ease-in-out。只要添加了這個(gè)CSS代碼，過渡效果就不再起作用。如果您想只取消某個(gè)過渡效果，可以將該過渡效果的屬性值設(shè)置為none，例如：

.my-element {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.no-transition {
/* 取消opacity過渡效果 */
transition-property: none; 
}

在上面的代碼中，我們?yōu)樵靥砑恿艘粋€(gè)no-transition類并將transition-property屬性設(shè)置為“none”來取消opacity的過渡效果。現(xiàn)在，當(dāng)這個(gè)類被添加到該元素中時(shí)，opacity過渡效果將被取消，但其他過渡效果仍然保持不變。

總結(jié)一下，取消CSS過渡效果有兩種方法，一種是使用transition:none將所有過渡效果都取消，另一種是通過設(shè)置transition-property: none來取消指定的過渡效果。