Specifies the length of time to complete one cycle of the animation.
This property is read/write.
One or more transition times, separated by commas.
Floating-point number, followed by a time units designator ("ms" or "s"). For more information about the supported time units, see CSS Values and Units Reference.
|Applies To||block-level and inline-level elements|
- CSS Animations Module Level 3, Section 3.3
Each animation-duration property is paired with a corresponding animation-name property.
If more animation-duration values are declared than corresponding animation-name values, the excess animation-duration values are ignored.
If fewer animation-duration values are declared than corresponding animation-name values, the list of animation-duration values is repeated from the beginning until the animation-name values are exhausted.
Do not use the Microsoft vendor prefix ("-ms-") before the Cascading Style Sheets (CSS) animations properties. They are supported unprefixed in Internet Explorer 10 and later.
To learn more about CSS animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations
Build date: 11/17/2013