Style transitionDuration Eigenschaft
Style-ObjektBeispiel
Den Übergangseffekt beschleunigen:
document.getElementById("myDIV").style.transitionDuration="1s";
Selbst ausprobieren »
Definition und Verwendung
Die transitionDuration-Eigenschaft legt die Zeit (in Sekunden oder Millisekunden) fest, die zum Abschließen eines Übergangseffekts erforderlich ist, oder gibt sie zurück.
Browser-Unterstützung
Internet Explorer 10, Firefox, Opera und Chrome unterstützen die transitionDuration-Eigenschaft.
Safari unterstützt eine alternative Eigenschaft, die WebkitTransitionDuration-Eigenschaft.
Syntax
Gibt die transitionDuration-Eigenschaft zurück:
object.style.transitionDuration
Legt die transitionDuration-Eigenschaft fest:
object.style.transitionDuration="time|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| time | Gibt die Zeit (in Sekunden oder Millisekunden) an, die benötigt wird, um den Übergangseffekt abzuschließen. Der Standardwert ist 0, d. h. es tritt kein Effekt auf. |
| initial | Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。 |
Technische Details
| Standardwert: | 0 |
|---|---|
| Rückgabewert: | Eine Zeichenkette, die die transition-duration-Eigenschaft des Elements darstellt. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS-Referenz:transition-duration-Eigenschaft
Andere Erweiterungen