Specifies the offset within an animation cycle (the amount of time from the start of a cycle) before the animation is displayed for a set of corresponding object properties identified in the Cascading Style Sheets (CSS) @keyframes at-rule specified by the animation-name property.
This property is read/write.
One or more offset 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.8
Values are rounded up to the second decimal place.
Each animation-delay property is paired with a corresponding animation-name property.
If more animation-delay values are declared than corresponding animation-name values, the excess animation-delay values are ignored.
If fewer animation-delay values are declared than corresponding animation-name values, the list of animation-delay values is repeated from the beginning until the animation-name values are exhausted.
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