CSS ပြောင်လဲ သတ်မှတ်

定义和用法

transition 属性是一个简写属性，用于设置四个过渡属性：

注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。

ကျွမ်းကျင်မှု ပုံချ်

CSS ပညာရှင်ခွဲCSS ဆောင်လွှဲ

HTML DOM ကိုးကွယ်မှု ပုံချ်transition အကိုးအကာ

အကျိုးသက်

ဘွတ်ပုံနှိပ် အကိုးအကာ သည် 100px မှ 300px ထိ ပြန်ပြိုင်းသွားသည်ဟု ကြည်းခြင်း ကို မီးဖြင့် အဆိုပါ ဘွတ်ပုံနှိပ် အကိုးအကာ ပေါ်သို့ ဆက်သွားပါ။

div {
  width: 100px;
  transition: width 2s;
}

ကျွမ်းကျင်ရပါ

ကျွမ်းကျင်ကြည့်သင့်သည်

CSS လိုက်ကျမှု transition: property duration timing-functiondelay

;

အဆိုပါ အကိုးအကာ အထင်မြင်ချက်
transition-property ကွဲပြားနေသော အခြေအနေ အဖြစ် ပြည့်ပြည့် ပြီး အင်တာဏာ
transition-duration ကွဲပြားနေသော အခြေအနေ အဖြစ် ပြည့်ပြည့် ပြီး ကြာခြင်း သို့မဟုတ် အင်တာဏာ
transition-timing-function ကွဲပြားနေသော အခြေအနေ အဖြစ် ကွဲပြားနေသော အခြေအနေ ကို တွက်ချက်ခြင်း
transition-delay အဆိုပါ အကိုးအကာ သည် ကွဲပြားနေသော အခြေအနေ မှ စတင်သည် ကို အဆိုပါ အကိုးအကာ ကို အဆိုပါ အခြေအနေ ကို အဆိုပါ အကိုးအကာ အခြေခံပြီး တင်ပြသည်。

နည်းပါးများ

အချက်အလက်: all 0 ease 0
လုပ်ကြုံရေး: no
အဆိုပါ အစီအစဉ်: CSS3
JavaScript လိုက်ကျမှု: object.style.transition="width 2s"

ဘွတ်ပုံနှိပ် အကူအညီ

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

ပမာ -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-