CSS Animation-play-state Property
ဥပမာ
ကာတွန်းတစ်ခုကို ခေတ္တရပ်ရန်-
div {
animation-play-state: paused;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကာတွန်း animation-play-state
သည် လုပ်ဆောင်နေသည် သို့မဟုတ် ခေတ္တရပ်ထားခြင်းရှိမရှိ ပိုင်ဆိုင်မှုကို သတ်မှတ်ပေးသည်။
မှတ်ချက်- စက်ဝိုင်းအလယ်တွင် ကာတွန်းတစ်ခုကို ခေတ္တရပ်ရန် JavaScript တွင် ဤပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
မူလတန်ဖိုး: | ပြေး |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.animationPlayState="ခေတ္တရပ်သည်" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
-webkit-၊ -moz- သို့မဟုတ် -o- ဖြင့်လိုက်သောနံပါတ်များသည် ရှေ့ဆက်တွဲတစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
animation-play-state | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
CSS Syntax
animation-play-state: paused|running|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
paused | Specifies that the animation is paused | |
running | Default value. Specifies that the animation is running | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Animations
HTML DOM ရည်ညွှန်း- animationPlayState ပိုင်ဆိုင်မှု
နောက်ထပ် ဥပမာများ
ဥပမာ
ရွှေ့ထားသော ကာတွန်းကို ခဏရပ်ပါ-
div:hover {
animation-play-state: paused;
}