skewY ဖန်ရှင်
skewY ဖန်ရှင်သည် Y ဝင်ရိုးအလိုက် အစိတ်အပိုင်း၏
စောင်းချွန်မှုကို သတ်မှတ်ပေးပြီး ထိုအရာကို ပါရာလယ်ဂရမ်အဖြစ်သို့ ပြောင်းလဲပေးသည်။
transform ဂုဏ်သတ္တိဖြင့် အတူတကွအသုံးပြုသည်။
ဂုဏ်သတ္တိ၏ တန်ဖိုးသည် မည်သည့် ထောင့်များအတွက် ယူနစ် ဖြင့်မဆို ထောင့်တစ်ခုဖြစ်သည်။ ထောင့်သည်
အပြုသတ္တိလက္ခဏာ သို့မဟုတ် အနုတ်လက္ခဏာ ဖြစ်နိုင်သည်။ အပြုသတ္တိတန်ဖိုးသည်
အပေါ်သို့ စောင်းချွန်စေပြီး၊ အနုတ်လက္ခဏာတန်ဖိုးသည် အောက်သို့ စောင်းချွန်စေသည်။
စောင်းချွန်ခြင်းကို transform-origin
ဂုဏ်သတ္တိဖြင့် သတ်မှတ်ထားသော အမှတ်ကို ဗဟိုပြု၍ ဆောင်ရွက်သည်။
ဖွဲ့စည်းပုံ
selector {
transform: skewY(ထောင့်);
}
ဥပမာ
ဤဥပမာတွင် ဘလောက်တစ်ခုကို 30
ဒီဂရီ အပေါ်သို့ စောင်းချွန်ထားသည်:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
ဥပမာ
ဤဥပမာတွင် ဘလောက်တစ်ခုကို 30
ဒီဂရီ အောက်သို့ စောင်းချွန်ထားသည်:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
