Beispiel
Bewegen Sie die Maus ein div-Element über sukzessive ihr Aussehen zu verändern:
document.getElementById("myDIV").style.transition = "all 2s";
Versuch es selber " Definition und Verwendung
Der Übergang Eigenschaft ist eine zusammenfassende Eigenschaft für die vier Übergangseigenschaften:
transitionProperty, transitionDuration, transitionTimingFunction und transitionDelay.
Note: Immer die transitionDuration Eigenschaft angeben, da sonst die Dauer 0, und der Übergang wird keine Wirkung hat.
Browser-Unterstützung
Der Übergang Eigenschaft wird in Internet Explorer 10, Firefox, Opera und Chrome unterstützt.
Safari unterstützt eine Alternative, die WebkitTransition Eigenschaft.
Hinweis: Der Übergang Eigenschaft wird in Internet Explorer 9 und früheren Versionen nicht unterstützt.
Syntax
Bringen Sie den Übergang Eigenschaft:
object .style.transition Stellen Sie den Übergang Eigenschaft:
object .style.transition=" Eigenschaftswerte Wert Beschreibung transitionProperty Gibt den Namen der CSS-Eigenschaft der Übergangseffekt ist für transitionDuration Gibt an, wie viele Sekunden oder Millisekunden der Übergangseffekt in Anspruch nimmt transitionTimingFunction Gibt die Geschwindigkeitskurve des Übergangseffekts transitionDelay Legt fest, wann der Übergangseffekt beginnt 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 0 Leichtigkeit 0 Rückgabewert: Ein String, die die Übergangseigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: transition property
<Style - Objekt