Easy Tutorial
❮ Met Namednodemap Item Prop Email Autocomplete ❯

Style animationDirection Property

Style Object

Example

Change the animationDirection property of a <div> element:


Definition and Usage

The animationDirection property sets or returns whether the animation should play in reverse on alternate cycles.

Note: This property has no effect if the animation is set to play only once.


Browser Support

Only Firefox supports the animationDirection property.


Syntax

Return the animationDirection property:

Set the animationDirection property:

Property Values

Value Description
normal Default value. The animation plays as normal.
reverse The animation plays in reverse direction.
alternate The animation plays forwards first, then backwards.
alternate-reverse The animation plays backwards first, then forwards.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: normal
Return value: A string representing the animation-direction property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: animation-direction Property


Style Object

❮ Met Namednodemap Item Prop Email Autocomplete ❯