CSS skew() အချက်အလက်

အချက်အလက် နှင့် အသုံးပြုခြင်း

CSS skew() အချက်အလက် အကြောင်းပြား

skew() အချက်အလက် transform အချက်အလက် အကြောင်းပြားများ အကြောင်းပြား

အချက်အလက်

ဘာသာပြန်ကန် 1

အကြောင်းပြား skew() အချက်အလက် အော်ချ် အဆင့်အရပ် ဖော်ပြသည်။

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

ကိုယ်တိုင် ကျယ်ပါ

ဘာသာပြန်ကန် 2

အကြောင်းပြား skew() အကြောင်းလုပ် အကြောင်းပြား

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

ကိုယ်တိုင် ကျယ်ပါ

CSS ပုံစံ

skew(အေအိ, အေအိ)
အချက်အလက် ဖော်ပြ
အေအိ တရားဆိုင်သည်။ အချိန်။ အစိတ်အချိန်အရပ် ဖော်ပြသည်။
အေအိ အကြိမ်ဖြစ်နိုင်သည်။ အချိန်။ အစိတ်အချိန်အရ အော်ချ် အဆင့်အရပ် ဖော်ပြသည်။ အလွဲသုံးခြင်းမရှိဘဲ အကြိမ် 0 အထိ အစိတ်အချိန်အရပ် ဖော်ပြသည်。

နည်းပါးရပ်

ပုံစံ： CSS ကူညီရေး အချက်အလက် အဆင့် 1

ဘာသာပြန်ကန်သူ အပြည့်အဝင်

အချက်အလက်များတွင် အကြောင်းအရာသည် အသုံးပြုသော ဘာသာပြန်ကန်သူ၏ ပထမဆုံး အပြည့်အဝင် ပေါ်လစ်စာ ကန်တာ ကုဒ်ပိုင်း ဖြစ်သည်。

ခရမ် အက်ဒဝ ဖရက်စ် ဆာဖာ တီဗာ
1 12 3.5 3.1 10.5

ပတ်ဝန်းကျင် အချက်

အခန်းကဏ္ဍCSS 2D ပြောင်းလဲ

ကိုယ်စားပြုခြင်းCSS ပြောင်းလဲ ဗီယား

ကိုယ်စားပြုခြင်းCSS skewX() သုံးစွဲ

ကိုယ်စားပြုခြင်းCSS skewY() သုံးစွဲ