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

सीएसएस के साथ संपत्ति बदलने का उपयोग


CSS में ट्रांसफॉर्म प्रॉपर्टी का इस्तेमाल किसी एलिमेंट में 2D या 3D ट्रांसफॉर्मेशन लागू करने के लिए किया जाता है। आप परिवर्तन गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 200px;
            height: 100px;
            background-color: gray;
            transform: rotate(10deg);
         }
      </style>
   </head>
   <body>
      <h1>Rotation</h1>
      <div>Demo</div>
   </body>
</html>

  1. CSS के साथ ट्रांसफॉर्म-स्टाइल प्रॉपर्टी का उपयोग

    ट्रांसफ़ॉर्म-स्टाइल प्रॉपर्टी . का इस्तेमाल करें यह सेट करने के लिए कि 3D स्थान में नेस्टेड तत्वों का प्रतिपादन कैसे किया जाता है। रूपांतरण-शैली . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति उदाहरण <!DOCTYPE html> <html>    <head>   &nb

  1. CSS के साथ ट्रांसफॉर्म-ओरिजिनल प्रॉपर्टी का उपयोग

    रूपांतरण-मूल का उपयोग करें सीएसएस के साथ रूपांतरित तत्वों पर स्थिति बदलने के लिए संपत्ति। उदाहरण सीएसएस के साथ ट्रांसफॉर्म-ओरिजिन प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>     &n

  1. CSS एनिमेशन के साथ एनिमेट ट्रांसफ़ॉर्म प्रॉपर्टी

    रूपांतरण पर एनिमेशन लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             margin: auto; &