စက္ခုအစွဲ skewX()

အသုံးပြုနည်းဥပဒေ

စက္ခု skewX() အရာဝတ္တရပုံစံကို အချက်အလက်များ အား အကျယ်အဝန်းအား အကျယ်ပြုပါ

skewX() အသုံး transform အချက်အလက်များ တွင် အသုံးပြု

အကြိမ်အချိန်skewX(a) အတူတူ skew(a, 0)!

အမှတ်

အမှတ် ၁

အသုံးပြု skewX() အချက်အလက်များ အား အကျယ်အဝန်းအား အကျယ်ပြု အစား အရာဝတ္တရပုံစံကို အကျယ်ပြုပါ

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

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

အမှတ် ၂

အသုံးပြု skewX() အချက်အလက်များ အား အကျယ်အဝန်းအား အကျယ်ပြု အစား အရာဝတ္တရပုံစံကို အကျယ်ပြုပါ

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

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

စက္ခုအစွဲ

skewX(a)
ပေး ဖော်ပြ
a အကြိမ်အချိန်။ အရာဝတ္တရပုံစံသည် အကျယ်အဝန်းအား ကျော်လွှမ်းသည်

နည်းပါးများ

ကန့်ကွက် စက္ခုများ အပြောင်းအလဲ ၁

ဘရပ်သတ္တု ထောက်ပံ့

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

ခရုသီ အန်ဂို ဖက်ဒရို ဆန်ဖ် အော်ပရိတ်
1 12 3.5 3.1 10.5

相关页面

教程:CSS 2D 变换

参考:စက်ပိုင်း transform အကိုးအချုပ်

参考:စက်ပိုင်း skew() သုံးစွဲမှု

参考:စက်ပိုင်း skewY() သုံးစွဲမှု