CSS3 animation-name Property

Example

Specify a name for the @keyframes animation:

animation-name: mymove;
-webkit-animation-name: mymove; /*Safari and Chrome*/

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The animation-name property is not supported in any browsers.

Safari and Chrome support an alternative, the -webkit-animation-name property.


Definition and Usage

The animation-name property specifies a name for the @keyframes animation.

Default value: none
Inherited: no
Version: CSS3
JavaScript syntax: object.style.animationName="mymove"


Syntax

animation-name: keyframename|none;

Value Description
keyframename Specifies the name of the keyframe you want to bind to the selector
none Specifies that there will be no animation (can be used to override animations coming from the cascade)