Sifa animation-delay
Sifa animation-delay inaweka
ucheleweshaji kabla ya kuanzisha animashoni.
Syntax
kichaguli {
animation-delay: muda katika s au ms;
}
Maadili
| Thamani | Maelezo |
|---|---|
s |
Inabainisha muda kwa sekunde (kwa mfano 3s). |
ms |
Inabainisha muda kwa millisekunde (kwa mfano 3ms). Sekunde moja ni 1000 millisekunde. |
Thamani chaguomsingi: 0s.
Mfano
Katika mfano huu, kutakuwa na ucheleweshaji wa 3 sekunde
kabla ya kuanza kwa animashoni:
<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;
}
:
Tazama pia
-
sifa
animation-name,
inayobainisha jina la animashoni -
sifa
animation-duration,
inayobainisha muda wa animashoni -
sifa
animation-timing-function,
inayobainisha kasi ya utekelezaji wa animashoni -
sifa
animation-iteration-count,
inayobainisha idadi ya kurudia kwa animashoni -
sifa
animation-direction,
inayobainisha mwelekeo wa animashoni -
sifa
animation-fill-mode,
inayobainisha hali ya animashoni -
sifa
animation-play-state,
inayoruhusu kusimamisha animashoni kwa muda -
sifa
animation,
inayowakilisha ufupisho wa animashoni -
amri
@keyframes,
inayobainisha muafaka muhimu ya animashoni -
mpito laini
transition, unawakilisha animashoni wakati wa kuweka kielekezi kwenye kipengele