CSS rotateZ() ပုံစံ

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

CSS rotateZ() ပုံစံ အချက်အလက် အား အားလုံး ပြောင်းလဲကုသပါ

rotateZ() ပုံစံ transform သုံးပြုသော အချက်

အဆိုပါအချက်ကို ထောက်ပံ့သည်။rotateZ(angle) အကျယ်ရှိ rotate(angle)。

အမှတ်

အမှတ် 1

အသုံးပြုပါ rotateZ() အစိတ်အစိတ် z အရာအား ပြောင်းလဲကုသသော မျက်နှာပြင် အရာအားများ

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

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

အမှတ် 2

အသုံးပြုပါ rotateZ() အစိတ်အစိတ် z အရာအား ပြောင်းလဲကုသပါ

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

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

CSS ပုံစံ

rotateZ(angle)
အရာအားလုံး ဖော်ပြ
angle

လိုအပ်သည်။ ပြောင်းလဲကုသ အား အားလုံး အရာအား သတ်မှတ်ပါ။ အရာအားလုံး အရာအား သတ်မှတ် သင့်သည့် ပေါ်လုပ်ငန်းအချိန်များ：

  • deg（ဒီဂရီ）
  • rad（လျှက်）
  • turn（နှင်း）

နည်းပါးများ

ပုံစံ： CSS ပြောင်းလဲကုသ စည်းကမ်း အဆင့် 2

ဘရာဇက်ဂျက် ထောက်ပံ့

အခြေအနေအလိုက် ပြောင်းလဲကုသ ကို ထောက်ပံ့သော ဘရာဇက်ဂျက် ပေါ်လုပ်ငန်းအချိန်

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

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

စာပေးသင်ချက်：CSS 3D ပြောင်းလဲကုသ

ကိုးကားချက်CSS အားပေး ဗီရိုက်

ကိုးကားချက်စက်တင် rotate အရေးပါသည်

ကိုးကားချက်CSS ပြောင်းလဲကုသ() ပုံစံ

ကိုးကားချက်CSS ပြန်လည် အာရုံစိုက် အခြေခံ ဗီရိုက်

ကိုးကားချက်CSS ပြန်လည် အာရုံစိုက် အရာ ဗီရိုက်

ကိုးကားချက်CSS ပြန်လည် အာရုံစိုက် အရာ ဗီရိုက်