CSS ကာတွန်း-နှောင့်နှေးမှု ပိုင်ဆိုင်မှု
ဥပမာ
2 စက္ကန့်ကြာပြီးနောက် ကာတွန်းကို စတင်ပါ။
div {
animation-delay: 2s;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကာတွန်း animation-delay
တစ်ခု စတင်ခြင်းအတွက် နှောင့်နှေးမှုကို ပိုင်ဆိုင်မှုက သတ်မှတ်သည်။
ကာတွန်းနှောင့်နှေးမှုတန်ဖိုးကို စက္ကန့် (များ) သို့မဟုတ် မီလီစက္ကန့် (ms) ဖြင့် သတ်မှတ်သည်။
မူလတန်ဖိုး: | 0s |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.animationDelay="1s" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
-webkit-၊ -moz- သို့မဟုတ် -o- ဖြင့်လိုက်သောနံပါတ်များသည် ရှေ့ဆက်တွဲတစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
animation-delay | 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-delay: time|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
အနုတ်လက္ခဏာတန်ဖိုးများကို အသုံးပြု. ဤတွင်၊ ကာတွန်းသည် 2 စက္ကန့်ကြာ ကစားထားပြီးဖြစ်သည့်အတိုင်း စတင်ပါမည်-
div {
animation-delay: -2s;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Animations
HTML DOM ရည်ညွှန်းချက်- animationDelay ပိုင်ဆိုင်မှု