Az animation-delay tulajdonság
Az animation-delay tulajdonság beállítja
az animáció indításának késleltetését.
Szintaxis
szelektor {
animation-delay: idő s vagy ms ban;
}
Értékek
| Érték | Leírás |
|---|---|
s |
Megadja az időt másodpercben (például 3s). |
ms |
Megadja az időt ezredmásodpercben (például 3ms). Egy másodperc 1000 ezredmásodperc. |
Alapértelmezett érték: 0s.
Példa
Ebben a példában az animáció indítás előtt
3 másodperc késleltetés lesz:
<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;
}
:
Lásd még
-
a
animation-nametulajdonság,
amely megadja az animáció nevét -
a
animation-durationtulajdonság,
amely megadja az animáció időtartamát -
a
animation-timing-functiontulajdonság,
amely megadja az animáció végrehajtásának sebességét -
a
animation-iteration-counttulajdonság,
amely megadja az animáció ismétlésének számát -
a
animation-directiontulajdonság,
amely megadja az animáció irányát -
a
animation-fill-modetulajdonság,
amely megadja az animáció állapotát -
a
animation-play-statetulajdonság,
amely lehetővé teszi az animáció szüneteltetését -
a
animationtulajdonság,
ami az animációk rövidítése -
a
@keyframesparancs,
amely megadja az animáció kulcsképeit -
a
transitionsima átmenetek, amelyek az elem fölé húzás animációját jelentik
