May 05, 2021 CSS Reference Manual
The animation-name property @keyframes the animated specified name.
Note: Always specify the animation-duration property, otherwise the animation will not play if the duration is 0.
Default: | none |
---|---|
Inheritance: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.animationName="mymove" |
animation-name: keyframename|none;
Value | Describe |
---|---|
keyframename | Specifies the name of the keyframe that needs to be bound to the selector. |
none | Specifies no animation effects (which can be used to override animations from cascades). |
To @keyframes a name for the animation:
Attributes | |||||
---|---|---|---|---|---|
animation-name |
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- |
Internet Explorer 10, Firefox, and Opera support the animation-name property.
Safari and Chrome support alternative -webkit-animation-name properties.
Note: The animation-name property is not supported by Internet Explorer 9 and earlier versions.
CSS3 tutorial: CSS3 animation