CSS perspective() ပုံစံ

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

CSS perspective() အပြောင်းအလဲ အချက်အလက်

perspective() ပုံစံ transform အခြေခံ အကိုးအကာ

အကျိုးသက်ရှိသော အကြောင်းကြောင်း

အသုံးပြုပါ perspective() နှစ်ခုသော ဆိုင်းပြားများ အတွက် ကြားနေရာ အကူအညီ ပြုပါ

.cube1 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(5cm) rotateX(-15deg) rotateY(30deg);
}
.cube2 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(10cm) rotateX(-15deg) rotateY(30deg);
}

ကိုယ်တိုင် ကျင်းပပါ

CSS ပုံစံ

perspective(length|none)

နည်းပါး အချက်အလက်

ဘာသာစကား အကူအညီ

တွဲကျစ်ရာ စာတမ်းများတွင် ဖော်ပြထားသော စက္ခုတန်းသုံး သည် အပြောင်းအလဲသည် အပြောင်းအလဲများ ပြုလုပ်နိုင်သော ဘာသာစကား ပုံစံ နှင့် အသုံးပြုသည်

လုပ်ဆောင်ရမည့် စာမျက်နှာ

ပါးသိမ်းချက်：CSS 3D ပြောင်းလဲ

参考：စက်စက်ဖော်ပြခြင်း အပြောင်းအလဲ

参考：CSS rotate() ပုံစံ

参考：CSS rotate3d() ပုံစံ

参考：CSS rotateX() ပုံစံ

参考：CSS rotateY() 函数

参考：CSS rotateZ() 函数