फ़ंक्शन skewY
फ़ंक्शन skewY Y-अक्ष के साथ तत्व का तिरछापन निर्धारित करता है,
इसे एक समांतर चतुर्भुज में बदल देता है।
इसका उपयोग transform गुण के साथ संयुक्त रूप से किया जाता है।
गुण का मान कोणों के लिए किसी भी इकाई में हो सकता है।
कोण धनात्मक या ऋणात्मक दोनों हो सकते हैं।
धनात्मक मान ऊपर की ओर तिरछापन बनाता है,
ऋणात्मक - नीचे की ओर।
तिरछापन उस बिंदु के चारों ओर किया जाता है जो
transform-origin गुण द्वारा निर्धारित होता है।
वाक्य - विन्यास
सिलेक्टर {
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;
}
:
