CSS animation-delay egenskab

Definisjon og bruk

animation-delay Egenskapen definerer når animasjonen skal starte.

animation-delay verdier måles i sekunder eller millisekunder.

Tips:Tillater negative verdier, -2s får animasjonen til å starte med en gang, men hopper over 2 sekunder før den begynner animasjonen.

Se også:

CSS3 tutorial:CSS Animation

HTML DOM referansehåndbok:animationDelay egenskap

Eksempel

Eksempel 1

Vent to sekunder før animasjonen starter:

div {
  animation-delay: 2s;
}

Prøv det selv

Eksempel 2

Negativ verdi, merk at animasjonen hopper over 2 sekunder før den begynner animasjonssyklusen:

div {
  animation-delay: -2s;
}

Prøv det selv

CSS syntaks

animation-delay: tid;
Verdi Beskrivelse Test
tid Valgfritt. Definerer tiden som animasjonen venter før den starter, målt i sekunder eller millisekunder. Standardverdien er 0. Test

Tekniske detaljer

Standardverdi: 0
Arv: nei
Versjon: CSS3
JavaScript syntaks: object.style.animationDelay="2s"

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjon som fullt ut støtter egenskapen.

Numre med -webkit-, -moz- eller -o- som præfiks viser den første version, der bruger præfikset.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-