Savybė animation-delay
Savybė animation-delay nustato
vėlavimą prieš pradedant animaciją.
Sintaksė
selektorius {
animation-delay: laikas s arba ms;
}
Reikšmės
| Reikšmė | Aprašas |
|---|---|
s |
Nurodo laiką sekundėmis (pavyzdžiui 3s). |
ms |
Nurodo laiką milisekundėmis (pavyzdžiui 3ms). Viena sekundė yra 1000 milisekundžių. |
Numatytoji reikšmė: 0s.
Pavyzdys
Šiame pavyzdyje prieš pradedant animaciją bus
3 sekundžių vėlavimas:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0;
}
to {
margin-left: 400px;
}
}
#elem {
animation-delay: 3s;
animation-duration: 6s;
animation-name: move;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
Taip pat žiūrėkite
-
savybė
animation-name,
kuri nurodo animacijos pavadinimą -
savybė
animation-duration,
kuri nurodo animacijos trukmę -
savybė
animation-timing-function,
kuri nurodo animacijos vykdymo greitį -
savybė
animation-iteration-count,
kuri nurodo animacijos iteracijų skaičių -
savybė
animation-direction,
kuri nurodo animacijos kryptį -
savybė
animation-fill-mode,
kuri nurodo animacijos būseną -
savybė
animation-play-state,
kuri leidžia pristabdyti animaciją -
savybė
animation,
kuri yra sutrumpintas animacijų užrašas -
komanda
@keyframes,
kuri nurodo animacijos pagrindinius kadrus -
sklandūs perėjimai
transition, kurie yra animacija užvedus pelę ant elemento
