CSS-animation-delay-Eigenschaft

Definition und Verwendung

animation-delay Das Attribut definiert, wann die Animation beginnt.

Werte von animation-delay werden in Sekunden oder Millisekunden angegeben.

Tipp:Negative Werte sind erlaubt, -2s lässt die Animation sofort beginnen, aber überspringt 2 Sekunden, bevor sie in den Animationzyklus eintritt.

Siehe auch:

CSS3 Tutorial:CSS Animation

HTML DOM Referenzhandbuch:animationDelay-Eigenschaft

Beispiel

Beispiel 1

Warten Sie zwei Sekunden, bevor die Animation beginnt:

div {
  animation-delay: 2s;
}

Versuchen Sie es selbst

Beispiel 2

Negative Werte, beachten Sie, dass die Animation 2 Sekunden überspringt, bevor sie in den Animationzyklus eintritt:

div {
  animation-delay: -2s;
}

Versuchen Sie es selbst

CSS-Syntax

animation-delay: zeit;
Wert Beschreibung Test
zeit Optional. Definiert die Wartezeit vor dem Start der Animation in Sekunden oder Millisekunden. Der Standardwert ist 0. Test

Technische Details

Standardwert: 0
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.animationDelay="2s"

Browserunterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

Zahlen, die mit -webkit-, -moz- oder -o- versehen sind, stellen die erste Version dar, die den Präfix verwendet.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-