घुमाए गए तत्व को ऊपरी बाएँ या ऊपरी दाएँ कोने में स्थित करना

किसी तत्व को घुमाते समय, यह समझना महत्वपूर्ण है कि परिवर्तन-उत्पत्ति कैसे होती है इसकी स्थिति को प्रभावित करता है। यह गुण उस बिंदु को निर्दिष्ट करता है जिसके चारों ओर तत्व घुमाया जाएगा। ट्रांसफॉर्म-ओरिजिन को समायोजित करके, आप रोटेशन के बाद तत्व की अंतिम स्थिति को प्रभावी ढंग से नियंत्रित कर सकते हैं। 100%"। इससे यह सुनिश्चित होगा कि तत्व ऊपरी बाएँ कोने के चारों ओर घूमता है और अपनी उचित स्थिति में चला जाता है।

यहां एक उदाहरण कोड है:

  Picture by Name

body {
  margin: 0;
}

.credit {
  transform-origin: top left;
  position: absolute;
  background-color: pink;
  transform: rotate(-90deg) translateX(-100%);
}

आप एक्सप्लोर कर सकते हैं प्रदान की गई पहेली में यह कार्यान्वयन: [JS Fiddle](https://jsfiddle.net/wddwnj3t/).

पोजीशनिंग मानों को इस प्रकार समायोजित करना याद रखें आपकी विशिष्ट आवश्यकताओं के अनुरूप आवश्यक। अपने घुमाए गए तत्वों के लिए वांछित संरेखण और लेआउट प्राप्त करने के लिए विभिन्न परिवर्तन-उत्पत्ति सेटिंग्स के साथ प्रयोग करें।