CSS အစက္ခု ပြောင်းလဲ အချိန် သုံးစွဲ

ဖော်ပြ နှင့် အသုံးပြု

transition-duration အကျိုးသက်ရှိ အမှတ်အသား သည် ဆင်းသည် အကျိုးသက်ရှိ အချိန် သို့မဟုတ် မိနစ်အား အစားအစာ ကို အသုံးပြုသည်။

အခြား ကြည့်ရန်

CSS ဖော်ပြCSS အဆိုခဲ့

HTML DOM ကိုယ်စားပြု ဆိုင်းတင်transitionDuration အကျိုးသက်ရှိ အမှတ်အသား

အမှတ်အသား

ဆင်းသည် 5 စက္ကန့် ကြာခြင်း

div {
  transition-duration: 5s;
}

ကျွန်ုပ်ကိုယ် ကြိုးစားကြည့်ပါ

CSS ဘာသာ

transition-duration: time;

အကျိုးသက်ရှိ အမှတ်အသား

အတ္ထုပတ္တိ ဖော်ပြ
time

ကျသော ဆင်းသည် သို့မဟုတ် မိနစ်အား အစားအစာ ကို အသုံးပြုသည်။

မည်သည့် အဆင်းအတန်း မဟုတ် ဖြစ်သည်မှာ 0 ဖြစ်ပြီး အကျိုးသက်မှု မရှိပေ။

နည်းပါးများ

မည်သည့် အဆင်းအတန်း မဟုတ် 0
တိုက်ရိုက်မရ no
အဆင်းအတန်း CSS3
JavaScript ဘာသာ object.style.transitionDuration="5s"

ဘတ်မက်စ် အကူအညီ

ဘတ်မက်စ် တွင် အသုံးပြုသော အမှတ်အသားများ သည် အထူး အောင်မြင် သည့် ဘတ်မက်စ် ပေါ်တွင် အဆင်းအတန်း ကို ပြောဆိုထားသည်。

အစား -webkit-、-moz- သို့မဟုတ် -o- ဖြင့် အလိုရှိ နေသော နေရာတွင် အသုံးပြုသော ပထမဆုံး အဆင်းအတန်း ကို အမှတ်ပြုထားသည်。

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-
10.0 16.0
4.0 -moz-
6.1
3.1 -webkit-
12.1
10.5 -o-