CSS/Eigenschaften/transition-delay

Die Eigenschaft transition-delay legt fest, wie lange der Übergang dauert.

erlaubte Werte	Zeit: Zeitangabe in Sekunden(s) oder Millisekunden(ms) initial: Werte werden auf Standardwert zurückgesetzt inherit: Werte werden vom Elternelement übernommen Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: 0s
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	nein

Beispiel

aside {
    color:black
    transition-property: color; 
    transition-duration: 2s;
    transition-delay: 1s;
}
aside:hover {
    color: red;
} 

Wenn der Benutzer mit der Maus über das aside-Element fährt, verändert sich die Textfarbe auf rot. Der Übergang beginnt nach 1 Sekunde.

Weblinks

• Spezifikation (W3C): transition-delay
• MDN: transition-delay

Siehe auch

• CSS/Tutorials/Animation/Transition