Beispiel
Warten Sie 2 Sekunden vor der Übergangseffekt beginnt:
div {
-webkit-transition-delay: 2s; /* Safari */
transition-delay: 2s;
}
Versuch es selber " Definition und Verwendung
Der Übergang Verzögerung Eigenschaft gibt, wenn der Übergangseffekt beginnt.
Der Übergang-Verzögerungswert wird in Sekunden angegeben (s) oder Millisekunden (ms) .
| Standardwert: | 0s |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.transitionDelay="2s" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -webkit-, -moz- oder -o- die erste Version an, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| transition-delay | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
CSS-Syntax
transition-delay:time|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| time | Gibt die Anzahl von Sekunden oder Millisekunden warten, bevor der Übergangseffekt beginnt |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS3 Transitions
HTML - DOM - Referenz: transitionDelay property