Disable CSS transitions for a single style?

advertisements

It's pretty easy to enable CSS transitions for a single style, but is it possible to disable them for a single style?

The usual method for single-style transitions is:

div
{
    transition: opacity 0.5s;
}

but what I'd like to do is set a global transition, then disable it for a single property. Maybe something like this?

div
{
    transition: 0.5s opacity 0s;
}

Is that possible in any way?

EDIT I don't want to disable ALL transitions for an element, I want to disable ONE transition for an element. i.e. I want all properties to transition EXCEPT opacity.

Here's a fiddle to demonstrate: http://jsfiddle.net/jakelauer/QSJXV/


It seems that you can emulate the needed behavior by setting a very short transition-duration for that one property (see fiddle):

transition: all 3s ease, background-color .01s linear;