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

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;

Info

Animation names are case-sensitive. The identifier must follow these naming rules, otherwise it may be treated as invalid.

Formal definition

Initial value	none
Applies to	all elements
Inherited	no
Animatable	no

Formal syntax

animation-name: <string>;

Compatibility

LCD tables only load in the browser

#animation-name

#Introduction

#Examples

#Syntax

#Formal definition

#Formal syntax

#See also

#Compatibility