Summary

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.

It is often convenient to use the shorthand property animation to set all animation properties at once.

• Initial value : none
• Applies to: block-level and inline-level elements
• Inherited : no
• Media: visual
• Computed value : as specified

Syntax

animation-name: none | <name> [, none | <name>]*

Examples

See CSS animations for examples.

Browser compatibility

Specifications

• CSS Animations Module Level 3: animation-nameWD

See also

• CSS animations
• AnimationEvent
• animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes