ပုံစံ အကူးအပြောင်း အချိန်ကာလ ပိုင်ဆိုင်မှု
ဥပမာ
အကူးအပြောင်းအကျိုးသက်ရောက်မှုကို အရှိန်မြှင့်ပါ
document.getElementById("myDIV").style.transitionDuration = "1s";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အကူးအပြောင်းအချိန်ကာလ ပိုင်ဆိုင်မှုသည် ကူးပြောင်းမှုအကျိုးသက်ရောက်မှုကို ပြီးမြောက်ရန် အချိန်မည်မျှစက္ကန့် (များ) သို့မဟုတ် မီလီစက္ကန့် (ms) ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
အထားအသို
အကူးအပြောင်းကာလ ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.transitionDuration
အကူးအပြောင်းကာလကို သတ်မှတ်ခြင်း-
object.style.transitionDuration = "time|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
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 ရည်ညွှန်းချက်- အကူးအပြောင်းကာလ ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု