animation-duration

Specifies how long an animation should take to complete a full cycle.

Syntax

/*
    animation-duration: 4s;
*/

Values

time
Can be specified in seconds or milliseconds.

initial
Sets property to default value (0 seconds).

inherit
Sets property to inherited value.

Browser Compatibilty

Demos

Have a code example of animation-duration? Submit a codepen.io demo and we'll showcase it here ↴