फ़ंक्शन skewX
फ़ंक्शन skewX एक्स-अक्ष के साथ तत्व का तिरछापन निर्धारित करता है,
जिससे इसे एक समांतर चतुर्भुज में बदल दिया जाता है।
इसका उपयोग transform गुण के साथ संयुक्त रूप से किया जाता है।
गुण का मान कोणों के लिए किसी भी इकाई में एक कोण होता है।
कोण सकारात्मक या नकारात्मक दोनों हो सकते हैं।
सकारात्मक मान बाईं ओर तिरछापन बनाता है,
नकारात्मक - दाईं ओर।
तिरछापन उस बिंदु के चारों ओर किया जाता है जो
transform-origin गुण द्वारा निर्धारित किया जाता है।
वाक्य-विन्यास
सिलेक्टर {
transform: skewX(कोण);
}
उदाहरण
इस उदाहरण में, ब्लॉक 30
डिग्री बाईं ओर तिरछा किया गया है:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
उदाहरण
इस उदाहरण में, ब्लॉक 30
डिग्री दाईं ओर तिरछा किया गया है:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
