ပုံစံ အကူးအပြောင်း Property ပိုင်ဆိုင်မှု
ဥပမာ
၎င်း၏ အကျယ်နှင့် အမြင့်ကို ဖြည်းဖြည်းချင်း ပြောင်းလဲရန် div အစိတ်အပိုင်းတစ်ခုအပေါ် ရွှေ့ပါ-
document.getElementById("myDIV").style.transitionProperty = "width,height";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
transitionProperty ပိုင်ဆိုင်မှုသည် အကူးအပြောင်းအကျိုးသက်ရောက်မှုအတွက် CSS ၏အမည်ကိုသတ်မှတ်ပေးသည် (သတ်မှတ်ထားသော CSS ပိုင်ဆိုင်မှုကိုပြောင်းလဲသောအခါတွင် အကူးအပြောင်းအကျိုးသက်ရောက်မှုစတင်ပါမည်)။
အကြံပြုချက်- အသုံးပြုသူတစ်ဦးသည် ဒြပ်စင်တစ်ခုပေါ်တွင် ပျံဝဲသောအခါတွင် အသွင်ကူးပြောင်းမှုအကျိုးသက်ရောက်မှုတစ်ခု ပုံမှန်အားဖြင့် ဖြစ်ပေါ်နိုင်သည်။
မှတ်ချက်- အကူးအပြောင်းကာလ၏ ပိုင်ဆိုင်မှုကို အမြဲသတ်မှတ်ပါ၊ သို့မဟုတ်ပါက ကြာချိန်သည် 0 ဖြစ်ပြီး၊ ကူးပြောင်းမှုသည် အကျိုးသက်ရောက်မှု ရှိမည်မဟုတ်ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
transitionProperty | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionProperty |
12.1 |
အထားအသို
အကူးအပြောင်း ပိုင်ဆိုင်မှု ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.transitionProperty
အကူးအပြောင်းပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.transitionProperty = "none|all|property|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
none | No property will get a transition effect |
all | Default value. All properties will get a transition effect |
property | Defines a comma separated list of CSS property names the transition effect is for |
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 ရည်ညွှန်းချက်- အကူးအပြောင်း-ပိုင်ဆိုင်မှု ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု