CSS animation-name Property

Definition and Usage

animation-name Specifies the name of the @keyframes animation.

Note:Always specify animation-duration If the attribute is not specified, the animation will not play as the duration is 0.

See also:

CSS3 Tutorial:CSS Animation

HTML DOM Reference Manual:animationName Property

Example

Define a name for the @keyframes animation:

div
{
animation:mymove 5s infinite;
}

Try it yourself

CSS Syntax

animation-name: keyframename|none;

Attribute Value

Value Description
keyframename Specifies the name of the keyframe to bind to the selector.
none Specifies no animation effect (can be used to override animation from the cascade).

Technical Details

Default Value: none
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.animationName="mymove"

Browser Support

The numbers in the table indicate the first browser version that fully supports the property.

Numbers with -webkit-, -moz-, or -o- prefixes indicate the first version using the prefix.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-