The "transition" CSS Property

ExperimentalNew in CSS3Shorthand

This shorthand property can set four transition properties. NOTE: Order is important. The first value that can be parsed as a time is <transition-duration> and the 2nd that can be parsed as a time is <transition-delay>.

Values for "transition"
CSS LevelValue
CSS 2.1(invalid)
CSS3<single-transition>#, where <single-transition> is "[ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>"


  • So that transitions work in major browsers, be sure to use the "transition" property and the equivalent proprietary properties like "-moz-transition", "-ms-transition", "-o-transition", and "-webkit-transition".

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem