Animation-iteration-count hassa
animation-iteration-count hassasy
animasiýanyň gaýtalanmagynyň sanyny kesgitleýär. Dürsünden
animasiýa diňe 1 gezek gaýtalanar we
soňra öňki ýagdaýyna gaýdyp geler.
Bu hassa, şeýle hem, kesgitli bir
gaýtalanma sanyny ýa-da umuman
çäksiz gaýtalanma ýagdaýyny belläp biler.
Sintaksis
selektor {
animation-iteration-count: bitewi ýa-da böleklik san | infinite;
}
Mähniler
| Mähni | Düşündiriş |
|---|---|
| San |
Bellilen gaýtalanma sany, ondan soň animasiýa durar.
Ol aljak ýagdaýy, animation-fill-mode
hassasy bilen dolandyrylýar.
Böleklik bahalar hem bellip bolýar - bu ýagdaýda animasiýa diňe
bölegine çenli oýnalar.
|
infinite |
Animasiýa çäksiz gaýtalanar. |
Dürsündäki mähni: 1.
Mysal . Çäkli gaýtalanma sany
Bu mysalda animasiýa diňe
3 gezek gaýtalanar, soňra öňki
ýagdaýyna gaýdyp geler:
<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;
}
:
Mysal . Infinite mähnisi
Indi bolsa animasiýa çäksiz gaýtalanar:
<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;
}
:
Şeýle-de görüň
-
animation-namehassasy,
animasiýanyň adyny kesgitleýär -
animation-durationhassasy,
animasiýanyň dowamlylygyny kesgitleýär -
animation-delayhassasy,
animasiýany başlamazdan öňki gijä galymyny kesgitleýär -
animation-timing-functionhassasy,
animasiýanyň ýerine ýetiriliş tizligini kesgitleýär -
animation-directionhassasy,
animasiýanyň ugruny kesgitleýär -
animation-fill-modehassasy,
animasiýanyň ýagdaýyny kesgitleýär -
animation-play-statehassasy,
animasiýany duruzmaga mümkinçilik berýär -
animationhassasy,
animasiýalar üçin gysgaltma görnüşini görkezýär -
@keyframesbuýrugy,
animasiýanyň açar kadrlaryny kesgitleýär -
transitionüýtgeşmeler, elementiň üstüne gelende ýerine ýetirilýän animasiýadyr