CSS3 animation-name Property

Example

Specify a name for the @keyframes animation:

______________________________________________________________________________

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

Try it yourself »

---

Browser Support

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

Firefox supports an alternative, the -moz-animation-name property.

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)

Posted in: Animation-name,Blog,CSS