CSS ရှုထောင့်-မူရင်း အိမ်ခြံမြေ
ဥပမာ
အသုံးပြုသူသည် 3D အနေအထားဖြင့် ဒြပ်စင်ကို ကြည့်ရှုနေသည့် အနေအထားကို သတ်မှတ်ပါ-
#div1
{
perspective: 100px;
perspective-origin: left;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် perspective-origin
အသုံးပြုသူသည် 3D အနေအထားဖြင့် ဒြပ်စင်ကို ကြည့်ရှုနေသည့် အနေအထားမှ သတ်မှတ်သည်။
ဒြပ်စင်တစ်ခုအတွက် ပိုင်ဆိုင်မှုကို သတ်မှတ်သည့်အခါ perspective-origin
၊ ၎င်းသည် အကျိုးသက်ရောက်မှုကို ရရှိမည့် ကလေးဒြပ်စင်များဖြစ်ပြီး ဒြပ်စင်ကိုယ်တိုင်မဟုတ်ပေ။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုကို ရှုထောင့် ပိုင်ဆိုင်မှု နှင့် တွဲဖက်အသုံးပြုရပါမည် ။
ရှုထောင့်-မူလပိုင်ဆိုင်မှုကို ပိုမိုကောင်းမွန်စွာ နားလည်ရန်၊ သရုပ်ပြတစ်ခုကို ကြည့်ပါ ။
မူလတန်ဖိုး: | 50% 50% |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.perspectiveOrigin="10px 50%" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
-webkit- သို့မဟုတ် -moz- ဖြင့်လိုက်သောနံပါတ်များကို ရှေ့ဆက်တွဲဖြင့်လုပ်ဆောင်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
CSS Syntax
perspective-origin: x-axis y-axis|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Property Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS 3D အသွင်ပြောင်းမှုများ
HTML DOM ရည်ညွှန်းချက်- perspectiveOrigin ပိုင်ဆိုင်မှု