skewY ဖန်ရှင်

skewY ဖန်ရှင်သည် Y ဝင်ရိုးအလိုက် အစိတ်အပိုင်း၏ စောင်းချွန်မှုကို သတ်မှတ်ပေးပြီး ထိုအရာကို ပါရာလယ်ဂရမ်အဖြစ်သို့ ပြောင်းလဲပေးသည်။ transform ဂုဏ်သတ္တိဖြင့် အတူတကွအသုံးပြုသည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးသည် မည်သည့် ထောင့်များအတွက် ယူနစ် ဖြင့်မဆို ထောင့်တစ်ခုဖြစ်သည်။ ထောင့်သည် အပြုသတ္တိလက္ခဏာ သို့မဟုတ် အနုတ်လက္ခဏာ ဖြစ်နိုင်သည်။ အပြုသတ္တိတန်ဖိုးသည် အပေါ်သို့ စောင်းချွန်စေပြီး၊ အနုတ်လက္ခဏာတန်ဖိုးသည် အောက်သို့ စောင်းချွန်စေသည်။ စောင်းချွန်ခြင်းကို transform-origin ဂုဏ်သတ္တိဖြင့် သတ်မှတ်ထားသော အမှတ်ကို ဗဟိုပြု၍ ဆောင်ရွက်သည်။

ဖွဲ့စည်းပုံ

cssselector {
  transform: skewY(ထောင့်);
}

ဥပမာ

ဤဥပမာတွင် ဘလောက်တစ်ခုကို 30 ဒီဂရီ အပေါ်သို့ စောင်းချွန်ထားသည်:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

ဥပမာ

ဤဥပမာတွင် ဘလောက်တစ်ခုကို 30 ဒီဂရီ အောက်သို့ စောင်းချွန်ထားသည်:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(-30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

ဆက်လက်လေ့လာရန်