စက်တင့် perspective ပုံစံ
定义和用法
perspective 属性定义 3D 元素距视图的距离，以像素计。此属性允许您更改查看 3D 元素的视角。
အစိတ်အပိုင်း ဘွတ်ချုပ် ကို အရာဝတ္တု အတွက် သတ်မှတ်ခဲ့ရှိသော် အစိတ်အပိုင်း အပိုင်း သည် ကြည့်ရှုရာ အစိတ်အပိုင်း အကျိုးခံသည်။
ဖော်ပြအစိတ်အပိုင်း ဘွတ်ချုပ် သည် 3D အစီအစဉ် အရာဝတ္တု ကို သာ အကျိုးခံသည်။
အကြောင်းကြားပြီး ကျွန်ုပ်လိုက် ကြည့်မည် စက်ရုံ အချက်အလက် နှင့် အချက်အလက် အတူ အစိတ်အပိုင်း ကို သုံးပြီး 3D အရာဝတ္တု နောက်ခြေ အချက်အလက် ကို ပြောင်းလဲရန် နိုင်သည်。
ကျွန်ုပ်လိုက် ကြည့်မည်
CSS3 စားသုံးနည်းချက်CSS3 3D ပြောင်းလဲ
HTML DOM စားသုံးနည်းချက်အစိတ်အပိုင်း ဘွတ်ချုပ်
အမှတ်အသား
အရာဝတ္တု ကို ကြည့်ရှုရာ ဘွတ်ချုပ် ကို ပြင်းပြီး ပြင်းပြီး ပြင်းပြီ
div
{
အစိတ်အပိုင်း: 500;
}
CSS ပြောင်းလဲခြင်း
အစိတ်အပိုင်း: number|none;
အချက်အလက်
| ပြောင်းလဲခြင်း | ဖော်ပြ |
|---|---|
| number | အရာဝတ္တု သို့ စစ်ဆေးနေသော ဘွတ်ချုပ် ကို ပြင်းအားဖြင့် ပုံစံအချက် ပုံအချက် အစိတ်အပိုင်း အစိတ်အပိုင်း အချက်အလက် |
| မပြောင်းလဲ | မည်သည့်အချက်မှ မပြောင်းလဲ နှင့် 0 နှင့် အတူ ပြောင်းလဲသည်။ ကြည့်ရှုရာ မပြင်းပြီ。 |
နည်းပါးစွာ
| မည်သည့်အချက်မှ မပြောင်းလဲ | မပြောင်းလဲ |
|---|---|
| လုပ်ပျက်မှု: | နှုန်း |
| ပုံစံ: | CSS3 |
| JavaScript ပြောင်းလဲခြင်း | object.style.perspective=500 |
ဘွတ်ချုပ် ထောက်ပံ့
အချက်အလက်များတွင် ဖော်ပြထားသော ဖြင့်ဆင်း သည် အထူးသဖြင့် ထောက်ပံ့ပေးသော ဘွတ်ချုပ် ကို ပထမဆုံး ဘွတ်ချုပ် ကို ဖော်ပြသည်。
အစိတ်အပိုင်းကို -webkit- သို့မဟုတ် -moz- ဖြင့် သုံးနိုင်သော ဖြင့်ဆင်း ကို ပထမဆုံး ပုံစံပေါ် ပြောဆိုသည်。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
