function skewX

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

Syntax

cssselector {
  transform: skewX(angle);
}

ဥပမာ

ဤဥပမာတွင် block ကို 30 ဒီဂရီဖြင့် ဘယ်ဘက်သို့ စောင်းထားပါသည်။

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

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

Результат:

ဥပမာ

ဤဥပမာတွင် block ကို 30 ဒီဂရီဖြင့် ညာဘက်သို့ စောင်းထားပါသည်။

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

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

Результат:

ဤအကြောင်းကိုလည်း ကြည့်ပါ