ပိုင်ဆိုင်မှု animation-name
ပိုင်ဆိုင်မှု animation-name သည်
ဒီ element အတွက် အသုံးပြုမည့် animation (သို့မဟုတ် animation များ) ၏ အမည်ကို
သတ်မှတ်ပေးသည်။ Animation ၏ အမည်သည်
သော့ချက် ဘောင်များ @keyframes
ကို သတ်မှတ်သည့်အခါ ပေးထားသည့်အမည်နှင့် တူညီရပါမည်။
Syntax
selector {
animation-name: animation-name;
}
ဥပမာ
ဒီ ဥပမာတွင် animation ၏ အမည်မှာ move ဖြစ်သည်။
<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;
}
:
ဤအရာကိုလည်း ကြည့်ပါ
-
ပိုင်ဆိုင်မှု
animation-duration,
သည် animation ၏ ကြာချိန်ကို သတ်မှတ်ပေးသည်။ -
ပိုင်ဆိုင်မှု
animation-delay,
သည် animation စတင်မည့် နောက်ကျချိန်ကို သတ်မှတ်ပေးသည်။ -
ပိုင်ဆိုင်မှု
animation-timing-function,
သည် animation လုပ်ဆောင်ချက်၏ အရှိန်နှုန်းကို သတ်မှတ်ပေးသည်။ -
ပိုင်ဆိုင်မှု
animation-iteration-count,
သည် animation ၏ လုပ်ဆောင်ချက် အကြိမ်ရေကို သတ်မှတ်ပေးသည်။ -
ပိုင်ဆိုင်မှု
animation-direction,
သည် animation ၏ ဦးတည်ချက်ကို သတ်မှတ်ပေးသည်။ -
ပိုင်ဆိုင်မှု
animation-fill-mode,
သည် animation ၏ အခြေအနေကို သတ်မှတ်ပေးသည်။ -
ပိုင်ဆိုင်မှု
animation-play-state,
သည် animation ကို ခေတ္တရပ်တန့်ထားရန် ခွင့်ပြုပေးသည်။ -
ပိုင်ဆိုင်မှု
animation,
သည် animation များအတွက် အတိုကောက်ဖြစ်သည်။ -
command
@keyframes,
သည် animation ၏ သော့ချက် ဘောင်များကို သတ်မှတ်ပေးသည်။ -
ချောမွေ့သော အကူးအပြောင်းများ
transition, သည် element ပေါ်သို့ mouse ဖြတ်သွားချိန်တွင် ဖြစ်ပေါ်သော animation ဖြစ်သည်။