Style transitionDuration-egenskapen

Definition och användning

transitionDuration Egenskapsinställning eller returvärde anger hur många sekunder (s) eller millisekunder (ms) som krävs för att slutföra övergångseffekten.

Se också:

CSS-referenshandbok:transition-duration-egenskapen

Exempel

Accelerera övergångseffekten:

document.getElementById("myDIV").style.transitionDuration = "1s";

Prova själv

Syntax

Returnera transitionDuration-egenskapen:

object.style.transitionDuration

Ställ in transitionDuration-egenskapen:

object.style.transitionDuration = "tid|initial|inherit"

Egenskapsvärde

Värde Beskrivning
tid Definierar hur många sekunder eller millisekunder som krävs för att slutföra övergångseffekten. Standardvärdet är 0, vilket innebär att det inte finns någon effekt.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheriterar detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: sträng som anger elementets transition-duration-egenskapen.
CSS-version: CSS3

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1