2डी ट्रांस्फ़ॉर्म का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल और स्क्यू के रूप में फिर से बदलने के लिए किया जाता है।
कुछ 2D ट्रांसफ़ॉर्म फ़ंक्शन निम्नलिखित हैं -
<टेबल> <थहेड> क्रमांक मूल्य और विवरण 1 <टीडी>मैट्रिक्स(एन,एन,एन,एन,एन,एन)छह मानों के साथ मैट्रिक्स रूपांतरण को परिभाषित करने के लिए प्रयुक्त होता है
2 अनुवाद करें(x,y)
एक्स-अक्ष और वाई-अक्ष के साथ तत्व को बदलने के लिए प्रयुक्त होता है
3 अनुवादX(n)
एक्स-अक्ष के साथ तत्व को बदलने के लिए प्रयुक्त होता है
4 अनुवादY(n)
तत्व को y-अक्ष के साथ बदलने के लिए प्रयुक्त होता है
5 <टीडी>स्केल(एक्स,वाई)
तत्व की चौड़ाई और ऊंचाई को बदलने के लिए उपयोग किया जाता है
6 <टीडी>स्केलएक्स(एन)
तत्व की चौड़ाई बदलने के लिए प्रयुक्त
CSS3 में 2D ट्रांसफ़ॉर्म फ़ंक्शन दिखाने वाला कोड निम्नलिखित है -
उदाहरण
2D ट्रांसफ़ॉर्म फ़ंक्शन
ROTATESKEWSCALETranslateआउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -