ပုံစံ ကာတွန်း လမ်းညွှန် ပိုင်ဆိုင်မှု
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ animationDirection ပိုင်ဆိုင်မှုကို ပြောင်းလဲခြင်း-
document.getElementById("myDIV").style.animationDirection = "reverse";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
animationDirection ပိုင်ဆိုင်မှုသည် ကာတွန်းအား လှည့်ပတ်မှုတွင် ပြောင်းပြန်ကစားသင့်သည်ဖြစ်စေ မကစားသင့်သည်ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
မှတ်ချက်- ကာတွန်းကို တစ်ကြိမ်သာ ကစားရန် သတ်မှတ်ထားပါက၊ ဤပိုင်ဆိုင်မှုသည် အကျိုးသက်ရောက်မှု ရှိမည်မဟုတ်ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Moz ၏နောက်တွင် နံပါတ်များသည် ရှေ့ဆက်တစ်ခုနှင့် လုပ်ဆောင်သည့် ပထမဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
အထားအသို
ကာတွန်းလမ်းညွှန်မှု ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.animationDirection
ကာတွန်းလမ်းညွှန်မှု ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ပုံမှန် |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ကာတွန်းလမ်းညွှန်မှုဆိုင်ရာ ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသည့် စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- ကာတွန်း-လမ်းညွှန်ပိုင်ဆိုင်မှု