» Schrifteigenschaften » Konturen » Tabellen » Hintergrundbilder » Pseudo-Klassen » CSS Selektoren

» Texteigenschaften » Aussenabstände » Listen » Positionieren » Mozilla Eigenschaften » CSS Übersicht

» Rahmen » Innenabstände » Farben » Pseudo » CSS3

 
 

 

CSS-Eigenschaft: transition-delay

Eigenschaft	Beschreibung
<time>	<time> bezeichnet die Menge an Zeit, um zwischen einer Eigenschaft Wert Wechsel und dem Beginn der Animationseffekt warten.

 

Browserunterstützung von transition-delay

ab Version 16.0	ab Version 26.0	ab Version 10.0	ab Version 6.1	ab Version 12.10

 

Tips:

• transition-delay steuert die Verzögerung einer Transition. Neben einer Konfiguration über transition-delay kann dies auch über die Kurzschreibweise transition geschehen.
• Zulässige Werte sind Sekunden oder Millisekunden, die Schreibweise ist s bzw. ms, zum Beispiel transition-delay: 2s oder transition-delay: 1500ms.
• Der Standardwert ist 0. Falls kein transition-delay gesetzt ist oder der Wert aktiv mit 0s definiert ist, startet die Transition sofort.
• Negative Werte führen zu einem "offset", die Transition startet in dem Zustand, den sie bei diesem Sekundenwert bereits erreicht hätte. Das bedeutet, wie im Beispiel Nr. 4 zu sehen, bei einer Transition von 2 Sekunden und einem transition-delay von -1s startet die Transition auf der Hälfte der Übergangsdarstellung.
• Die Verzögerung gilt für die Transition hin zum Endzustand als auch zurück zum Originalzustand.

 

Verwandte Eigenschaften:

animation-delay	Startverzögerung einer Animation
animation-direction	Abspielrichtung einer Animation
animation-duration	Dauer einer Animation
animation-fill-mode	animation-fill-mode definiert den Zustand einer Animation vor und nach deren Ablauf.
animation-iteration-count	Wiederholungen einer Animation
animation-name	Die animation-name CSS Eigenschaft definiert eine Liste von Animationen, welche dem Element zugeortnet werden sollen.
animation-play-state	Aktivitätsstatus einer Animation
animation-timing-function	Die Eigenschaft animation-timing-function können Sie Beschleunigungskurven der Animation definieren.
marquee-play-count	Wiederholungen einer Laufschrift
marquee-speed	Geschwindigkeit von Laufschrift
transition	Transition (allgemein)
transition-duration	Dauer / Länge einer "transition"
transition-property	CSS-Eigenschaft der "transition"
transition-timing-function	Geschwindigkeits­verhalten einer Transition