TransitionDuration -Eigenschaft des Stils
Beispiel
Beschleunigen Sie den Übergangseffekt:
document.getElementById("myDIV").style.transitionDuration = "1s";
Definition und Verwendung
Die Eigenschaft transitDuration legt fest oder gibt zurück, wie viele Sekunden (s) oder Millisekunden (ms) es dauert, bis ein Übergangseffekt abgeschlossen ist.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Syntax
Geben Sie die Eigenschaft transitDuration zurück:
object.style.transitionDuration
Legen Sie die Eigenschaft transitDuration fest:
object.style.transitionDuration = "time|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 0 |
---|---|
Rückgabewert: | Ein String, der die Übergangsdauereigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft „Übergangsdauer“ .
❮ Style-Objekt