စတုဂ� rotateX() အသုံးပြု

အသုံးပြုနည်း နှင့် အပြုအရင်း

စတုဂံ rotateX() အကြီးအကျယ် ပြောင်းလဲခြင်း ကို အခြေခံ အရပ်လျှောက် အားနှင့် အသုံးပြုသည်。

rotateX() အသုံးပြု transform အသုံးပြု

ဌာန

အမှတ် 1

အသုံးပြု rotateX() အကြီးအကျယ် x အရပ်လျှောက် အသုံးပြုသည့် <div> အစုအဝေးများကို ယိုးနိမ်

#myDiv1 {
  transform: rotateX(40deg);
}
#myDiv2 {
  transform: rotateX(60deg);
}
#myDiv3 {
  transform: rotateX(80deg);
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

အမှတ် 2

အသုံးပြု rotateX() အကြီးအကျယ် x အရပ်လျှောက် ယိုးနိမ်ခြင်း ပုံများကို

#img1 {
  transform: rotateX(40deg);
}
#img2 {
  transform: rotateX(60deg);
}
#img3 {
  transform: rotateX(80deg);
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

စတုဂံ ပြောင်းလဲခြင်း

rotateX(အားစား)
ပါ ဖော်ပြ
အားစား

စားပွားခြင်း

  • ဒီဂို
  • ယူအက်
  • နှေး

နည်းပါးများ

ပုံစံ: စတုဂံ ပြောင်းလဲခြင်း စည်းကမ်း အုပ်စု 2

ဘရူးသား ကူညီ

အချက်အလက်များ သည် အပြောင်းလဲခြင်းအသုံးပြုသည့် အသုံးပြုသူ ဘရူးသား ပထမဆုံး ကွင်းပြောင်းခြင်း ကို ကိုးကားသည်。

ခရိုး အန်ဂျီ ဖက်ဒရာ ဆာဖီ အိုပရက်
12 12 10 4 15

ပါဝင်သော စာမျက်နှာ

ပညာရေးစတုဂံ 3D ပြောင်းလဲခြင်း

参考:CSS အောက်ပါ ပြောင်းလဲ

参考:စက်တင်ဘက် rotate အချက်

参考:CSS rotate() 函数

参考:CSS rotate3d() ကုဓား

参考:CSS rotateY() ကုဓား

参考:CSS rotateZ() 函数