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

CSS3 के साथ y-अक्ष का उपयोग करके तत्व को घुमाएं

<घंटा/>

CSS3 के साथ y-अक्ष का उपयोग करके तत्व को बदलने के लिए रोटेट (कोण) विधि का उपयोग करें -

उदाहरण

<html>
   <head>
      <style>
         div {
            width: 200px;
            height: 100px;
            background-color: pink;
            border: 1px solid black;
         }
         div#yDiv {
            -webkit-transform: rotateY(150deg);
            /* Safari */
            transform: rotateY(150deg);
            /* Standard syntax */
         }
      </style>
   </head>
   <body>
      <div>
         tutorials point.com
      </div>
         <p>Rotate Y axis</p>
      <div id = "yDiv">
         tutorials point.com.
      </div>
   </body>
</html>

  1. Z-अक्ष 3D CSS3 के साथ रूपांतरित होता है

    आप CSS3 के साथ Z-अक्ष 3D ट्रांसफ़ॉर्म को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html>    <head>       <style>          div {             width: 200px;        

  1. CSS3 के साथ z- अक्ष का उपयोग करके तत्व को घुमाएं

    CSS3 के साथ z-अक्ष का उपयोग करके तत्व को बदलने के लिए रोटेटजेड (कोण) विधि का उपयोग करें - उदाहरण <html>    <head>       <style>          div {             width: 200px;          

  1. CSS3 में फ्लेक्स लेआउट मॉडल को समझना

    CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल अनुप्रयोगों और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गु