CSS rotate() ဖိုင်အား

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

CSS rotate() CSS တွင် အရည်အချင်း ပြောင်းလဲခြင်း

rotate() ဖိုင်အား ပြောင်းလဲခြင်း transform အသုံးပြုခြင်း

အချက်အလက်

ဘား 1

အသုံးပြုပါ rotate() အသုံးပြုသော <div> အချက်အလက် ပြောင်းလဲခြင်း:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

ကိုယ်တိုင် ကြိုးစားလေ့လာပါ

ဘား 2

အသုံးပြုပါ rotate() ယူးယျယ် ပုံမျက်နှာပြုအား ပြောင်းလဲခြင်း:

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

ကိုယ်တိုင် ကြိုးစားလေ့လာပါ

CSS အပြောင်းလဲခြင်း

rotate(angle)
အရည်အချင်း ဖော်ပြ
angle

တောင်းဆိုခြင်း ဖြစ်သည်။ အရည်အချင်းကို သတ်မှတ်ရန်။ အရည်အချင်း ဖြစ်နိုင်သော ပုံစံများ:

  • deg(အားအား)
  • rad(နှင်းအား)
  • turn(နှင်း)

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

ပုံစံ: CSS Transforms Module Level 1

ဘွတ်စက် ကူးကြောင်း

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

ခရိုး အင်ဂျင် ဖိုးဖရေ ဆာဖရေ အိုပရာ
1 12 3.5 3.1 10.5

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

ပရိုဂရမ်း:CSS 2D ပြောင်းလဲခြင်း

参考:စက်ဆုံး အခြေခံ ပြောင်းလဲခြင်း

参考:စီစ်တက်ရိုက်သော အရွယ်

参考:စက်ဆုံး အခြေခံ rotate3d() ပြောင်းလဲ

参考:CSS rotateX() ဖိုင်အား

参考:CSS rotateY() 函数

参考:CSS rotateZ() 函数