Animation Duration

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 animation-duration Property


Make the animation complete in two seconds:

div {
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;


Definition and Usage

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

CSS Syntax

animation-duration: time|initial|inherit;