ပုံစံ အကူးအပြောင်း TimingFunction Property
ဥပမာ
အကူးအပြောင်းအကျိုးသက်ရောက်မှု၏ အမြန်နှုန်းမျဉ်းကွေးကို ပြောင်းပါ-
document.getElementById("myDIV").style.transitionTimingFunction = "linear";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
transitionTimingFunction ပိုင်ဆိုင်မှုသည် အကူးအပြောင်းအကျိုးသက်ရောက်မှု၏ အမြန်နှုန်းမျဉ်းကွေးကို သတ်မှတ်ပေးသည်။
ဤပိုင်ဆိုင်မှုသည် ၎င်း၏ကြာချိန်တစ်လျှောက် အမြန်နှုန်းကို ပြောင်းလဲရန် အသွင်ကူးပြောင်းမှုအကျိုးသက်ရောက်မှုကို ခွင့်ပြုသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
transitionTimingFunction | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionTimingFunction |
12.1 |
အထားအသို
အကူးအပြောင်း TimingFunction ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.transitionTimingFunction
အကူးအပြောင်း TimingFunction ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.transitionTimingFunction = "ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
ease | Default value. Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25, 0.1, 0.25, 1)) |
linear | Specifies a transition effect with the same speed from start to end (equivalent to cubic-bezier(0, 0, 1, 1)) |
ease-in | Specifies a transition effect with a slow start (equivalent to cubic-bezier(0.42, 0, 1, 1)) |
ease-out | Specifies a transition effect with a slow end (equivalent to cubic-bezier(0, 0, 0.58, 1)) |
ease-in-out | Specifies a transition effect with a slow start and end (equivalent to cubic-bezier(0.42, 0, 0.58, 1)) |
cubic-bezier(n, n, n, n) | Define your own values in the cubic-bezier function. Possible values are numeric values from 0 to 1 |
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 ရည်ညွှန်းချက်- အကူးအပြောင်း-အချိန်ကိုက်-လုပ်ဆောင်ချက် ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု