Style animationDuration Property

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP








googletag.cmd.push(function() googletag.display('div-gpt-ad-1422003450156-2'); );




Style animationDuration Property


❮ Style Object



Example


Changing the animationDuration property of a <div> element:



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

Try it Yourself »


Definition and Usage


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



Browser Support


The numbers in the table specify the first browser version that fully supports the property.


Numbers followed by Moz specify the first version that worked with a prefix.














Property
animationDuration 43.0 Not supported 16.0
5.0 Moz
9.0  30.0

Syntax


Return the animationDuration property:



object.style.animationDuration

Set the animationDuration property:



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

Property Values










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

Technical Details








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

Related Pages


CSS reference: animation-duration property




❮ Style Object

Popular posts from this blog

PHP code is not being executed, instead code shows on the page

Administrative divisions of China

Cardinality of the set of algorithms