Style animationDuration Property

Changing the animationDuration property of a <div> element:

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

Description

The animationDuration property defines how many seconds or milliseconds an animation takes to complete one cycle.

Return the animationDuration property:

object.style.animationDuration

Set the animationDuration property:

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

Value	Description
time	Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Default Value:	0
Return Value:	A String, representing the animation-duration property of an element
CSS Version	CSS3

animationDuration is a CSS3 (1999) feature.

It is fully supported in all browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11