CSS transition Property - CSS Portal

The transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

Initial valuesee individual properties
Applies toAll elements, :before and :after pseudo elements
InheritedNo
MediaInteractive
Computed valueSee individual properties
AnimatableNo
CSS VersionCSS3
JavaScript syntaxobject.style.transition

Formal syntax: <single-transition> [ ',' <single-transition> ]* 

transition: [value];

<single-transition> = [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>

<transition-property>See transition-property CSS property for values.
<transition-duration>See transition-duration CSS property for values.
<transition-timing-function>See transition-timing-function CSS property for values.
<transition-delay>See transition-delay CSS property for values.

.class {
   transition: background-color linear 1s;
}

?

Firefox

?

Explorer

?

Chrome

?

Safari

?

Opera

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.