Sifa animation-iteration-count
Sifa animation-iteration-count
huweka idadi ya kurudia animation. Kwa chaguo-msingi
animation itarudiwa mara 1 tu na
kisha kurudi kwenye hali yake ya asili.
Sifa yetu, hata hivyo, inaruhusu kuweka
nambari maalum ya kurudia au kabisa
kuweka kurudia kisicho na kikomo.
Kiufundi
kichagua {
animation-iteration-count: nambari kamili au ya sehemu | infinite;
}
Thamani
| Thamani | Maelezo |
|---|---|
| Nambari |
Idadi maalum ya kurudia, baada ya kukamilika ambayo animation itasimama.
Msimamo ambao utachukuliwa, unadhibitiwa na
sifa animation-fill-mode.
Inawezekana kuweka thamani za sehemu - katika kesi hii animation itacheza
sehemu tu.
|
infinite |
Animation itarudiwa bila kikomo. |
Thamani ya chaguo-msingi: 1.
Mfano . Idadi maalum ya kurudia
Katika mfano huu, animation itarudiwa mara
3 tu, na kisha kurudi kwenye hali yake
ya asili:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0;
}
to {
margin-left: 400px;
}
}
#elem {
animation-duration: 3s;
animation-name: move;
animation-iteration-count: 3;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
Mfano . Thamani infinite
Sasa hivi animation itarudiwa bila kikomo:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0px;
}
to {
margin-left: 400px;
}
}
#elem {
animation-duration: 3s;
animation-name: move;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
Angalia pia
-
sifa
animation-name,
inayoweka jina la animation -
sifa
animation-duration,
inayoweka muda wa animation -
sifa
animation-delay,
inayoweka kuchelewesha kabla ya kutekeleza animation -
sifa
animation-timing-function,
inayoweka kasi ya utekelezaji wa animation -
sifa
animation-direction,
inayoweka mwelekeo wa animation -
sifa
animation-fill-mode,
inayoweka hali ya animation -
sifa
animation-play-state,
inayoruhusu kusimamisha animation kwa muda -
sifa
animation,
inayowakilisha ufupisho kwa animations -
amri
@keyframes,
inayoweka muafaka muhimu wa animation -
mpito laini
transition, unawakilisha animation ya kuweka kielekezo kwenye kipengele