सीएसएस ट्रांसफॉर्म के साथ एक तिरछा प्रभाव बनाना

वेब डिजाइन के दायरे में, सीएसएस ट्रांसफॉर्मेशन अंतरिक्ष में तत्वों में हेरफेर करने के लिए एक शक्तिशाली उपकरण प्रदान करता है। दिलचस्प प्रभावों में से एक जिसे आप प्राप्त कर सकते हैं, वह है तिरछा होना, किसी तत्व को झुका हुआ या विकृत रूप देना। आप प्रदान किए गए उदाहरण की तरह एक तिरछा प्रभाव बनाते हैं, जहां दोनों कोने झुके हुए हैं? परिप्रेक्ष्य और घुमाएँY. यहां एक उदाहरण है:

.red.box { पृष्ठभूमि-रंग: लाल; परिवर्तन: परिप्रेक्ष्य(600px) रोटेटवाई(45डिग्री); }

स्पष्टीकरण:

.red.box {
  background-color: red;
  transform: perspective(600px) rotateY(45deg);
}