CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: "transition" CSS property

The "transition" CSS Property


This shorthand property can set four transition properties.

Values for "transition"
CSS LevelValue
CSS Transitions"<single-transition>#", where <single-transition> = "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"


  • 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>.
  • 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