Search within TutorialsPark

CSS3 animation-name Property

To specify the same of the animation.

Definition and Notes.

1. The CSS3 animation-name property selects an animation defines in @keyframe rule and applies it to the element.The value none overrides an animation comming from the cascade.

2. You use this property as part of a CSS selector that is applicable to one or more page elements.


CSS3 animation-name property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note- It requires vendor prefixes and doesn't work in IE 9 or earlier version.

Property Values

Value Description
none A keyword to denote no keyframes(it can also be used to deactivate animations coming from cascade).
IDENT A string to identify the animation.It can consist of letters from a to z, numbers 0 to 9, underscores(_) and dashes(-).


Specs Value
Name animation-name
Value none |IDENT [, none | INDENT]*
Initial Value none
Applies to block-level and inline-level elements
Javascript syntax"animate"
Inherited No
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.