CSS transition-duration egenskap

Definition och användning

transition-duration-egenskapen definierar hur lång tid det tar att slutföra övergångseffekten (i sekunder eller millisekunder).

Se också:

CSS-tutorials:CSS övergång

HTML DOM-referencehandboken:transitionDuration-egenskapen

Exempel

Låt övergångseffekten vara i 5 sekunder:

div {
  transition-duration: 5s;
}

Prova själv

CSS-syntax

transition-duration: tid;

Egenskapsvärde

Värde Beskrivning
tid

Definierar hur lång tid det tar att slutföra övergångseffekten (i sekunder eller millisekunder).

Standardvärdet är 0, vilket innebär att det inte kommer att ha någon effekt.

Tekniska detaljer

Standardvärde: 0
Arvsförmåga: nej
Version: CSS3
JavaScript-syntax: object.style.transitionDuration="5s"

Webbläsarstöd

Siffrorna i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Siffror med -webkit-, -moz- eller -o- som prefix indikerar den första versionen som används.

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-