Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट वाले किसी तत्व में 2डी या 3डी रूपांतरण कैसे लागू करें?


रूपांतरण का उपयोग करें किसी तत्व में 2डी या 3डी रूपांतरण सेट करने के लिए जावास्क्रिप्ट में संपत्ति। घुमाने के लिए मान सेट करें (60 डिग्री), यदि आप इसे 60 डिग्री पर घुमाना चाहते हैं, आदि।

उदाहरण

आप जावास्क्रिप्ट के साथ एक तत्व में 2D या 3D रूपांतरण को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            margin-left: 20px;
            border: 2px solid black;
            width: 300px;
            height: 250px;
            background-color: gray;
            color: white;
         }
      </style>
   </head>
   <body>
      <button onclick = "display()">Apply</button>

      <div id = "box"><p>Demo Text</p></div>

      <script>
         function display() {
            document.getElementById("box").style.transform = "rotate(60deg)";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ किसी तत्व के मार्जिन को कैसे सेट करें?

    मार्जिन का प्रयोग करें जावास्क्रिप्ट में संपत्ति, मार्जिन सेट करने के लिए। आप जावास्क्रिप्ट के साथ एक तत्व के मार्जिन को सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <body>       <button type="but

  1. कैसे पता करें कि कोई तत्व जावास्क्रिप्ट के साथ छिपा हुआ है या नहीं?

    यह पता लगाने के लिए कि क्या जावास्क्रिप्ट के साथ कोई तत्व छिपा हुआ है, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       fon

  1. CSS के साथ किसी तत्व में 2D या 3D रूपांतरण कैसे लागू करें

    CSS में ट्रांसफॉर्म प्रॉपर्टी वाले एलिमेंट में 2D या 3D ट्रांसफॉर्मेशन लागू करें। आप परिवर्तन का उपयोग करके किसी तत्व को घुमाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>       &nb