Style animationDuration attribute

Definition and usage

animationDuration Attribute defines the number of seconds or milliseconds required for the animation to complete one cycle.

Example

Change the animationDuration property of the <div> element:

document.getElementById("myDIV").style.animationDuration = "3s";

Try it yourself

Syntax

Return the animationDuration property:

object.style.animationDuration

Set the animationDuration property:

object.style.animationDuration = "time|initial|inherit"

Attribute value

Value Description
time Specifies the length required for the animation to complete. The default value is 0, indicating that there will be no animation.
initial Set this property to its default value. See initial.
inherit Inherit this property from its parent element. See inherit.

Technical details

Default value: 0
Return value: A string representing the element's Mfano wa animation-duration wa sababu.
CSS version: CSS3

browser support

animationDuration is a CSS3 (1999) feature.

All browsers fully support it:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
saaa saaa saaa saaa saaa 11

Vipengele vya vingine

Mwongozo wa CSS:Mfano wa animation-duration wa sababu