CSS-Übergänge

Das CSS-Transitions-Modul spezifiziert Funktionalitäten zur Erstellung von allmählichen Übergängen zwischen verschiedenen CSS-Property-Werten. Das Verhalten dieser Übergänge kann durch die Angabe ihrer Timing-Funktion, Dauer und anderer Werte gesteuert werden.

Normalerweise erfolgt die Änderung eines CSS-Property-Werts sofort von dem alten Wert zum neuen Wert. Das CSS-Transition-Modul ermöglicht die Steuerung eines Übergangs vom alten Zustand der Eigenschaft zu dem neuen Zustand über einen bestimmten Zeitraum. Es bietet auch Ereignis-Handler, um Code in Reaktion auf verschiedene Stadien eines Übergangs auszuführen.

In bestimmten Fällen gibt es keinen ursprünglichen "von"-Wert für einen Übergang. Zum Beispiel, wenn ein Element dem DOM hinzugefügt wird, sind die definierten Stile für den "zu"-Zustand bestimmt. Dieses Modul bietet die @starting-style at-rule, die es ermöglicht, Startstile für solche Fälle zu definieren. Das Modul definiert auch, wie diskrete Eigenschaftswerte übergehen sollten, wie zum Beispiel das Überblenden der diskret animierten display Eigenschaft vom none Wert zu einem angezeigten Wert.