css - 淡出但不淡入

Question

我如何使用 CSS3 淡出而不是淡入。 I.E.当我将一个类应用到一个元素时，我希望背景立即改变颜色，没有延迟或过渡，当我删除它时，我希望背景根据过渡淡出。我知道这应该很简单，但我还没有弄清楚。

Answer 1

指定带有和不带有类的元素的过渡时间。

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