CSS3-Animation-delay-Eigenschaft
Beispiele
Warten Sie zwei Sekunden und dann die Animation zu starten:
Animation-Verzögerung: 2 s; - Webkit-Animation-Verzögerung: 2 s; / * Safari und Chrome * /
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
| 属性 | |||||
|---|---|---|---|---|---|
| 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- |
Tag Definitionen und Anleitungen
Animation-Verzögerung Attribut definiert, wenn die Animation beginnt.
Animation-Verzögerung Wert der Anteile kann Sekunden (s) oder Millisekunden (ms).
Tipp: Lassen Sie negativ, -2s die Animation sofort beginnen zu machen , sondern zwei Sekunden in die Animation überspringen.
| Standard: | 0 |
|---|---|
| Vererbung: | keine |
| Version: | CSS3 |
| JavaScript-Syntax: | Objekt object.style.animationDelay = "2s" |
Grammatik
animation-delay:time;
| 值 | 描述 | 测试 |
|---|---|---|
| time | 可选。定义动画开始前等待的时间，以秒或毫秒计。默认值为0 | 测试 » |
Weitere Beispiele
Beispiele
Negativ, bitte beachten Sie, dass die Animation 2 Sekunden in die Animationszyklus überspringen:
Animation-Verzögerung: -2 s / * Opera * / -moz-Animation -delay: -2 s / * Firefox * / -webkit-Animation -delay: -2 s / * Safari und Chrome * /
Versuchen »
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Animationen