Animations

@keyframes

Specifies a list of property animation keyframes for an object in the HTML document.Specifies a list of property animation keyframes for an object in the HTML document.

animation

Specifies one or more shorthand values that define all animation properties (except animation-play-state) for a set of corresponding object properties identified in the CSS @keyframes at-rule specified by 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.