CSS - Eigenschaft animation-delay
Beispiel
Starten Sie die Animation nach 2 Sekunden:
div {
animation-delay: 2s;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die animation-delay
Eigenschaft gibt eine Verzögerung für den Start einer Animation an.
Der Wert für die Animationsverzögerung wird in Sekunden (s) oder Millisekunden (ms) angegeben.
Standardwert: | 0s |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.animationDelay="1s" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -webkit-, -moz- oder -o- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
animation-delay | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
CSS-Syntax
animation-delay: time|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Mehr Beispiele
Beispiel
Verwenden von negativen Werten. Hier beginnt die Animation so, als ob sie bereits 2 Sekunden lang abgespielt worden wäre:
div {
animation-delay: -2s;
}
Verwandte Seiten
CSS-Tutorial: CSS-Animationen
HTML-DOM-Referenz: animationDelay-Eigenschaft