စတိုင် အကူးအပြောင်း ပိုင်ဆိုင်မှု
ဥပမာ
၎င်း၏အသွင်အပြင်ကို ဖြည်းဖြည်းချင်းပြောင်းလဲရန် div အစိတ်အပိုင်းတစ်ခုအပေါ် ရွှေ့ပါ-
document.getElementById("myDIV").style.transition = "all 2s";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အကူးအပြောင်း ပိုင်ဆိုင်မှုသည် အကူးအပြောင်း ဂုဏ်သတ္တိ လေးခုအတွက် အတိုကောက် ပိုင်ဆိုင်မှု တစ်ခု ဖြစ်သည်။
အကူးအပြောင်း ပိုင်ဆိုင်မှု၊ အကူးအပြောင်းကာလ၊
မှတ်ချက်- အကူးအပြောင်းကာလ၏ ပိုင်ဆိုင်မှုကို အမြဲသတ်မှတ်ပါ၊ သို့မဟုတ်ပါက ကြာချိန်သည် 0 ဖြစ်ပြီး၊ ကူးပြောင်းမှုသည် အကျိုးသက်ရောက်မှု ရှိမည်မဟုတ်ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
transition | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransition |
12.1 |
အထားအသို
အကူးအပြောင်း ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.transition
အကူးအပြောင်းကို သတ်မှတ်ပါ-
object.style.transition = "property duration timing-function delay|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
transitionProperty | Specifies the name of the CSS property the transition effect is for |
transitionDuration | Specifies how many seconds or milliseconds the transition effect takes to complete |
transitionTimingFunction | Specifies the speed curve of the transition effect |
transitionDelay | Defines when the transition effect will start |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | 0 အားလုံး သက်တောင့်သက်သာ 0 |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ကူးပြောင်းခြင်းဆိုင်ရာ ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- အကူးအပြောင်း ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု