The "transition-duration" CSS Property

New in CSS3

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

Values for "transition-duration"

CSS Level	Value
CSS 2.1	(invalid)
CSS3	<time>#

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

Search Engine Links (for more information)

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