CSS-Transitions

Das CSS-Transitions-Modul spezifiziert Funktionalitäten zur Erstellung schrittweiser Übergänge zwischen verschiedenen CSS-Eigenschaftswerten. Das Verhalten dieser Übergänge kann durch Festlegen der Ease-Funktion, der Dauer und anderer Werte gesteuert werden.

Normalerweise, wenn sich der Wert einer CSS-Eigenschaft ändert, erfolgt das Ergebnis der Änderung vom alten zum neuen Wert sofort. Das CSS-Transitions-Modul ermöglicht das Kontrollieren eines Fortschritts vom alten Zustand der Eigenschaft zum neuen Zustand über einen festgelegten Zeitraum. Es bietet auch Ereignis-Handler, die Code ausführen lassen, als Reaktion auf das Erreichen verschiedener Phasen eines Übergangs.

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. Dieses Modul stellt die @starting-style At-Regel bereit, die das Definieren von Anfangsstilen für solche Fälle ermöglicht. Das Modul definiert auch, wie diskrete Eigenschaftswerte übergangen werden sollten, wie zum Beispiel das Übergehen der diskret animierten display Eigenschaft vom none-Wert zu einem angezeigten Wert.