description & Usage
The animation-name property specifies a name for our animation, which is placed in the @keyframes property.
Informations
| # | Description |
|---|---|
| Default Value | none |
| Inherited | no |
| Animatable | no |
| Version | CSS3 |
| JavaScript syntax | object.style.animationName="myPNLmove" |
Browser compatibility and Support
The numbers inserted in the browser fields indicate the version that supports the animation-name property.
| # | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| animation-name |
Syntax
Values
| Values | Description |
|---|---|
| keyframename | The name specifies a keyframename that we want to assign to the selector. |
| none | We use this value to ignore the animation and prevent it from running. |
| initial | Adds this value to its default property. |
| inherit | It inherits this value from its parent tag. |
Related Pages
CSS tutorial: CSS animations
HTML DOM reference: animationName attribute
