Animations

This section describes Cascading Style Sheets (CSS) features to enable animation.

For a list of CSS properties that you can animate, see Animation and transition properties.

In this section

Property	Description
@keyframes	Specifies a list of property animation keyframes for an object in the HTML document.
animation	Specifies shorthand values that define animation properties for object properties identified in the @keyframes at-rule of the animations-name property.
animation-delay	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 CSS @keyframes at-rule specified by the animation-name property.
animation-direction	Specifies the direction of play for an animation cycle.
animation-duration	Specifies the length of time to complete one cycle of the animation.
animation-fill-mode	Specifies whether the effects of an animation are visible before or after it plays.
animation-iteration-count	Specifies the number of times an animation cycle is played.
animation-name	Identifies one or more animation names. An animation name selects a CSS @keyframes at-rule.
animation-play-state	Specifies whether an animation is playing or paused.
animation-timing-function	Specifies the intermediate property values to be used during a single cycle of an animation on a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property.
CSSKeyframeRule	Represents the style rule for a single key.
CSSKeyframesRule	Represents a complete set of keyframes for a single animation.