animation-duration property in CSS

A simple animation-duration property example:

animation-duration: 2s;

Laboratory

description & Usage

The animation-duration property specifies the amount of time an animation should complete a cycle.

#	Description
Default Value	0
Inherited	no
Animatable	no
Version	CSS3
JavaScript syntax	object.style.animationDuration="3s"

The numbers inserted in the browser fields indicate the version that supports the animation-duration property.

#	Chrome	Edge	Firefox	Safari	Opera
animation-duration

animation-duration: time|initial|inherit;

Values	Description
time	A time interval specifies the amount of time an animation should complete a cycle.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.

CSS tutorial: CSS animations

HTML DOM reference: animationDuration attribute