तिरछा () फ़ंक्शन का उपयोग किसी तत्व को 2D स्थान पर तिरछा करने के लिए किया जाता है। तिरछा () फ़ंक्शन के पैरामीटर के रूप में लागू किए जाने वाले तिरछापन की मात्रा निर्धारित करें।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
.translate_img {
transform: translate(50px, 10%);
}
.skew_img {
transform-origin: top left;
transform: skew(45deg, 0);
}
</style>
</head>
<body>
<h1>Learn</h1>
<img class="translate_img" src="https://www.tutorialspoint.com/numpy/images/numpy-mini-logo.jpg" alt="Numpy">
<img class="skew_img" src="https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg" alt="Apache Spark">
</body>
</html> आउटपुट
उदाहरण
आइए अब एक और उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
.translate_img {
transform: translate(50px, 10%);
}
.skew_img {
transform-origin: top left;
transform: skew(-0.06turn, 18deg);
}
</style>
</head>
<body>
<h1>Learn</h1>
<img class="translate_img" src="https://www.tutorialspoint.com/numpy/images/numpy-mini-logo.jpg" alt="Numpy">
<img class="skew_img" src="https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg" alt="Apache Spark">
</body>
</html> आउटपुट
