淡出但不褪色

Question

如何使用CSS3淡出，但不在。I.E.當我將一個類應用於某個元素時，我希望背景立即改變顏色而不會延遲或過渡，並且當我移除它時，我希望背景根據過渡淡出。我知道這應該很簡單，但我還沒有設法解決它。

Answer 1

指定有和沒有類的元素的過渡時間。

.el { 
    background: red; 
    -webkit-transition: background .5s; 
} 
.el.hover { 
    background: blue; 
    -webkit-transition: 0; 
}​