Stilübergangseigenschaft Eigenschaft _
Beispiel
Bewegen Sie den Mauszeiger über ein div-Element, um seine Breite und Höhe schrittweise zu ändern:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Definition und Verwendung
Die Eigenschaft transitionProperty gibt den Namen der CSS-Eigenschaft an, für die der Übergangseffekt bestimmt ist (der Übergangseffekt beginnt, wenn sich die angegebene CSS-Eigenschaft ändert).
Tipp: Ein Übergangseffekt kann normalerweise auftreten, wenn ein Benutzer mit der Maus über ein Element fährt.
Hinweis: Geben Sie immer die Eigenschaft transitDuration an, andernfalls ist die Dauer 0 und der Übergang hat keine Auswirkung.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
transitionProperty | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionProperty |
12.1 |
Syntax
Geben Sie die Eigenschaft transitionProperty zurück:
object.style.transitionProperty
Legen Sie die Eigenschaft transitionProperty fest:
object.style.transitionProperty = "none|all|property|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
none | No property will get a transition effect |
all | Default value. All properties will get a transition effect |
property | Defines a comma separated list of CSS property names the transition effect is for |
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: | alle |
---|---|
Rückgabewert: | Ein String, der die Übergangseigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft „ transition-property“ .
❮ Style-Objekt