CSS animation-duration Egenskap

Definition och användning

animation-duration Egenskapen definierar tiden som det tar att slutföra en cykel av animationen, mätt i sekunder eller millisekunder.

Se också:

CSS3-tutorials:CSS animation

HTML DOM referenshandbok:animationDuration-egenskapen

Exempel

Ange ett namn för @keyframes-animation:

div {
  animation-duration: 3s;
}

Prova själv

CSS syntax

animation-duration: time;
Värde Beskrivning
time Definierar tiden som det tar att slutföra animationen. Standardvärdet är 0, vilket innebär att det inte finns någon animationseffekt.

Tekniska detaljer

Standardvärde: 0
Inherransbarhet: no
Version: CSS3
JavaScript syntax: object.style.animationDuration="3s"

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

Antal -webkit-、-moz- eller -o- för den första versionen som använder prefix.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-