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.


Syntax:

CSS3 animation-name property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

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(-).

Specifications

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


Related Examples.