စက္ခုအစွဲ 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 အကိုးအချုပ်