The "transition-duration" CSS Property

This property specifies how long the transition from the old value to the new value should take to complete. Negative times are invalid. The initial/default value is '0s' meaning the transition is immediate and no animation will occur.

Values for "transition-duration"

CSS Level	Value
CSS Transitions	"<time [0s,∞]>#"

Notes

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

Recommended Links

• CanIUse.com: Search "transition-duration" (browser compatibility information)
• CanIEmail.com: Search "transition-duration" (email client compatibility information)
• CSS3: transition-duration property
• MDN: transition-duration property
• Quackit: transition-duration property

Search Engine Links (for more information)

• Bing "CSS transition-duration property"
• Google "CSS transition-duration property"