Beispiel
Bewegen Sie die Maus ein div-Element über nach und nach seiner Breite und Höhe zu ändern:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Versuch es selber " Definition und Verwendung
Die transitionProperty Eigenschaft gibt den Namen der CSS-Eigenschaft des Übergangseffekt ist für (der Übergangseffekt beginnt, wenn die angegebene CSS-Eigenschaft geändert wird).
Tip: ein Übergangseffekt könnte typischerweise auftreten , wenn ein Benutzer Schweben über ein Element.
Note: Immer die transitionDuration Eigenschaft angeben, da sonst die Dauer 0, und der Übergang wird keine Wirkung hat.
Browser-Unterstützung
Die transitionProperty Eigenschaft wird in Internet Explorer 10, Firefox, Opera und Chrome unterstützt.
Safari unterstützt eine Alternative, die WebkitTransitionProperty Eigenschaft.
Hinweis: Die transitionProperty Eigenschaft wird in Internet Explorer 9 und früheren Versionen nicht unterstützt.
Syntax
Bringen Sie die transitionProperty Eigenschaft:
object .style.transitionProperty Stellen Sie die transitionProperty Eigenschaft:
object .style.transitionProperty="none|all| Eigenschaftswerte Wert Beschreibung none Keine Eigenschaft wird einen Übergangseffekt erhalten all Standardwert. Alle Objekte werden einen Übergangseffekt erhalten property Definiert eine durch Kommata getrennte Liste von CSS-Eigenschaft Namen der Übergangseffekt ist für initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: alle Rückgabewert: Ein String, die die Übergangseigenschaft Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: transition-property property
<Style - Objekt