function skewX

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

Syntax

selector {
	transform: skewX(angle);
}

ဥပမာ

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

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

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

ဥပမာ

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

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

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

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

function skew,
သည် X နှင့် Y ဝင်ရိုးများတလျှောက် စောင်းခြင်းကို သတ်မှတ်ပေးပါသည်
function skewY,
သည် Y ဝင်ရိုးတလျှောက် စောင်းခြင်းကို သတ်မှတ်ပေးပါသည်