#animation-name

#Introduction

animation-name property specifies a list of animations to apply to an element. Each name refers to an animation sequence defined by @keyframes.

#Examples

css-apisrc/animation-name/App.tsx

Preview

#Syntax

/* Single animation */
animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;

/* Multiple animations */
animation-name: test1, animation4;
animation-name:
  none,
  -moz-specific,
  sliding;

#Formal definition

#Formal syntax

animation-name: <string>;

#See also

• animation
• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-fill-mode
• animation-play-state
• CSS animation event
• Animated API

#Compatibility

LCD tables only load in the browser