The "animation-duration" CSS Property

This property defines the length of time that an animation takes to complete one cycle. Negative values are not allowed. The initial/default value is '0s' meaning it takes no time.

Values for "animation-duration"

CSS Level	Value
CSS Animations Level 2	"[ auto | <time [0s,∞]> ]#"

Notes

• So that animations work in major browsers, be sure to use the "animation-duration" property and the equivalent proprietary properties like "-moz-animation-duration", "-o-animation-duration", and "-webkit-animation-duration" ("-ms-animation-duration" is not needed).

Recommended Links

• CanIUse.com: Search "animation-duration" (browser compatibility information)
• CanIEmail.com: Search "animation-duration" (email client compatibility information)
• SitePoint: Build Awesome Apps with CSS3 Animations
• CSS Animations 1: animation-duration property
• CSS Animations 2: animation-duration property
• MDN: animation-duration property
• Quackit: animation-duration property

Search Engine Links (for more information)

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