Easy Tutorial
❮ Prop Select Size Prop Video Preload ❯

animationName Property

Style Object

Example

Change the animationName property of a <div> element:


Definition and Usage

The animationName property sets or returns the name of the @keyframes animation.


Browser Support

Internet Explorer 10, Firefox, and Opera support the animationName property.

Safari and Chrome support an alternative property, WebkitAnimationName.

Note: Internet Explorer 9 and earlier versions do not support the animationName property.


Syntax

Return the animationName property:

Set the animationName property:

Property Values

Value Description
none Default value. Specifies no animation (can be used to override animations from the cascade).
keyframename Specifies the name of the keyframe to bind to the selector.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: none
Return value: String, representing the animation-name property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: animation-name Property


Style Object

❮ Prop Select Size Prop Video Preload ❯