CSS အခြေခံ ပြောင်းလဲ အခြေခံ ပုံစံ
- ပြီးခဲ့သောစား transition-duration
- နောက်ပိုင်းစား transition-timing-function
定义和用法
transition-property 属性规定应用过渡效果的 CSS 属性的名称。（当指定的 CSS 属性改变时，过渡效果将开始）。
提示：过渡效果通常在用户将鼠标指针浮动到元素上时发生。
注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。
另请参阅：
CSS 教程：CSS အခြေခံ ပြောင်းလဲ
HTML DOM 参考手册：transitionProperty 属性
实例
把鼠标指针放到 div 元素上，会产生带有平滑改变元素宽度的过渡效果：
div {
transition-property: width;
}
CSS လိုင်းဘာသာ
transition-property: none|all|property;
အချက်အလက်အသုံးပြု
| အချက်အလက် | ဖော်ပြ |
|---|---|
| none | အချက်အလက်များအားအသုံးပြုသည်။ |
| all | အချက်အလက်များအားအသုံးပြုသည့်အချက်အလက်များအားအသုံးပြုသည်။ |
| property | အသုံးပြုသည့်အချက်အလက်များကိုအချက်အလက်အုပ်စုများတွင်ပြုပြီး အချက်အလက်အုပ်စုများကိုအချက်အလက်အုပ်စုများတွင်ပြုထားသည်။ |
နည်းပါးများ
| မည်သည်မှ | all |
|---|---|
| ဆက်နွယ်ရာ | no |
| အချက်အလက် | CSS3 |
| JavaScript လိုင်းဘာသာ | object.style.transitionProperty="width,height" |
ဘရာဇက်ဂျက်ဆိုင်ရာ
အချက်အလက်အုပ်စုများတွင်အချက်အလက်များကိုအခြေခံပြီး အထူးအခြေခံအသုံးပြုသည့်အချက်အလက်များကိုပြုပြီး အခြေခံအသုံးပြုသည့်အချက်အလက်များကိုပြုထားသည်။
အသုံးပြုသောအသစ်အသုံးပြုသည့်အချက်အလက်များကို -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- |
- ပြီးခဲ့သောစား transition-duration
- နောက်ပိုင်းစား transition-timing-function
