Exemplu
Așteptați două secunde, apoi începe animația:
div {
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
animation-delay: 2s;
} Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea de animație întârziere specifică o întârziere pentru începerea unei animații.
Valoarea de animație întârziere este definită în secunde (s) sau milisecunde (ms) .
| Valoare implicită: | 0s |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.animationDelay="1s" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de -webkit-, -moz- sau -o- specificați prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| animation-delay | 43.0 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 9 4.0 -webkit- | 30.0 15,0 -webkit- 12,0 -o- |
CSS Sintaxa
animation-delay: Valori de proprietate Valoare Descriere Joaca-l time Opțional. Definește numărul de secunde (s) sau milisecunde (ms) să aștepte înainte de animația va începe. Valoarea implicită este 0. Valorile negative sunt permise Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
Folosind valori negative, observați că începe animația 2 secunde în ciclul de animație:
div {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}
Încearcă - l singur »
Pagini similare
Tutorial CSS3: CSS3 Animații
HTML DOM referință: animationDelay property