The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS jQuery toggleClass() & CSS3 Transition Issues Re: jQuery toggleClass() & CSS3 Transition Issues


The rule-of-thumb I use is that if a property is numerical, it will probably transition, if not, it probably won’t.

Another way of looking at it is if the animation makes sense halfway. For example, halfway through an animation from `opacity: 0;` to `opacity: 1;`, the opacity will be 0.5.

Something like visibility can’t transition because it doesn’t make sense halfway through the transition.

That’s my understanding of it, anyway.