禁用单个样式的CSS过渡?

Jak*_*ake 6 html css css3 css-transitions

为单个样式启用CSS过渡非常容易,但是是否可以为单个样式禁用它们?

单一样式转换的常用方法是:

div
{
    transition: opacity 0.5s;
}
Run Code Online (Sandbox Code Playgroud)

但我想做的是设置全局转换,然后为单个属性禁用它.也许是这样的?

div
{
    transition: 0.5s opacity 0s;
}
Run Code Online (Sandbox Code Playgroud)

这有可能吗?

编辑 我不想禁用元素的所有转换,我想禁用元素的一个转换.即我希望所有属性都转换为EXCEPT不透明度.

这是一个小提琴演示:http://jsfiddle.net/jakelauer/QSJXV/

Ily*_*syn 12

您似乎可以通过为该属性设置非常短的转换持续时间来模拟所需的行为(请参阅小提琴):

transition: all 3s ease, background-color .01s linear;
Run Code Online (Sandbox Code Playgroud)


Jak*_*ake 7

我解决了这个问题。示例如下: http: //jsfiddle.net/jakelauer/QSJXV/1/

它完全按照我的想法工作,只是我缺少一个逗号。正确的代码示例:

transition: 0.5s, opacity 0s;
-webkit-transition: 0.5s, opacity 0s;
Run Code Online (Sandbox Code Playgroud)