Animation-name xassəsi
animation-name xassəsi bu elementə
tətbiq ediləcək animasiyanın (və ya animasiyaların)
adını təyin edir. Animasiyanın adı, əsas kadrlar
@keyframes
təyin edilərkən verilən adla eyni olmalıdır.
Sintaksis
selektor {
animation-name: animasiya adı;
}
Nümunə
Bu nümunədə animasiyanın adı move-dur:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0px;
}
to {
margin-left: 400px;
}
}
#elem {
animation-name: move;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
Həmçinin bax
-
animation-durationxassəsi,
animasiyanın müddətini təyin edir -
animation-delayxassəsi,
animasiyanın icrasından əvvəl gecikməni təyin edir -
animation-timing-functionxassəsi,
animasiyanın icra sürətini təyin edir -
animation-iteration-countxassəsi,
animasiyanın təkrarlanma sayını təyin edir -
animation-directionxassəsi,
animasiyanın istiqamətini təyin edir -
animation-fill-modexassəsi,
animasiyanın vəziyyətini təyin edir -
animation-play-statexassəsi,
animasiyanı fasiləyə vermyə imkan verir -
animationxassəsi,
animasiyalar üçün qısa yazılış təşkil edir -
@keyframesəmri,
animasiyanın əsas kadrlarını təyin edir -
transitionhamar keçidlər, elementin üzərinə gəldikdə baş verən animasiyanı təmsil edir