CSS animation-duration Property

Definisjon og bruk

animation-duration Egenskapen definerer tiden det tar å fullføre en syklus av animasjonen, målt i sekunder eller millisekunder.

Se også:

CSS3 undervisning:CSS animation

HTML DOM referansehåndboken:animationDuration-egenskapen

Eksempel

Definer et navn for @keyframes-animasjonen:

div {
  animation-duration: 3s;
}

Prøv det selv

CSS-syntaks

animation-duration: tid;
Verdi Beskrivelse
tid Definerer tiden det tar å fullføre animasjonen. Standardverdien er 0, som betyr at det ikke er noen animasjonseffekt.

Tekniske detaljer

Standardverdi: 0
Arvbarhed: nei
Version: CSS3
JavaScript-syntaks: object.style.animationDuration="3s"

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tall -webkit-、-moz- eller -o- antyder den første version, der bruger præfikset.

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-