1. Home
  2. CSS3 animation-duration property

The best CSS3 animation-duration property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Tag definitions and instructions,grammar,related articles,

CSS3 animation-duration property

Examples

Animating completed within two seconds:

animation-duration: 2 s; - webkit-animation-duration: 2 s; / * Safari and Chrome * /

Browser Support

Figures in the table represent the first browser to support the version number of the property.

Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.

属性
animation-duration 43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-

Tag definitions and instructions

animation-duration property defines the animation completes a cycle requires many seconds or milliseconds.

Defaults: 0
inherit: no
version: CSS3
JavaScript syntax: object object.style.animationDuration = "3s"

grammar

animation-duration:time;

value Explanation
time Specifies the time it takes to complete the animation. The default value is 0, meaning no animation.

related articles

CSS3 tutorial: CSS3 Animation

Hot Tools

Other Tools

Online Tutorial

Website Navigation

CSS3 animation-duration property
10/30