CSS transition-duration egenskab

Definisjon og bruk

transition-duration egenskab definerer hvor lang tid det tar å fullføre overgangen (i sekunder eller millisekunder).

Se også:

CSS undervisning:CSS overgang

HTML DOM referatehåndbok:transitionDuration egenskab

Eksempel

Lad overgangen vare i 5 sekunder:

div {
  transition-duration: 5s;
}

Prøv det selv

CSS syntaks

transition-duration: tid;

Egenskabsverdi

Verdi Beskrivelse
tid

Definerer hvor lang tid det tar å fullføre overgangen (i sekunder eller millisekunder).

Standardverdien er 0, hvilket betyder at der ikke vil være noen effekt.

Tekniske detaljer

Standardverdi: 0
Arvbar: nei
Version: CSS3
JavaScript syntaks: object.style.transitionDuration="5s"

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-