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

CSS के साथ मैट्रिक्स को दूसरी दिशा में बदलना

<घंटा/>

आप सीएसएस के साथ मैट्रिक्स ट्रांसफॉर्म के लिए निम्न कोड को दूसरी दिशा में चलाने का प्रयास कर सकते हैं:

उदाहरण

<html>
   <head>
      <style>
         div {
            width: 300px;
            height: 100px;
            background-color: pink;
            border: 1px solid black;
         }
         div#myDiv2 {
            /* IE 9 */
            -ms-transform: matrix(1, 0, 0.5, 1, 150, 0);
            /* Safari */
            -webkit-transform: matrix(1, 0, 0.5, 1, 150, 0);
            /* Standard syntax */
            transform: matrix(1, 0, 0.5, 1, 150, 0);
         }
      </style>
   </head>
   <body>
      <div>
         Tutorialspoint.com
      </div>
      <div id = "myDiv2">
         Tutorialspoint.com
      </div>
   </body>
</html>

आउटपुट

CSS के साथ मैट्रिक्स को दूसरी दिशा में बदलना


  1. सीएसएस का उपयोग करके मैट्रिक्स ट्रांसफॉर्म के साथ डिव को घुमाएं

    आप सीएसएस का उपयोग करके मैट्रिक्स ट्रांसफॉर्म के साथ div को घुमाने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <html>    <head>       <style>          div {             width: 300px;  

  1. सीएसएस के साथ एक मूल सूची को सूची समूह में कैसे परिवर्तित करें?

    सीएसएस के साथ एक बुनियादी सूची को सूची समूह में बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family:

  1. CSS में 2D ट्रांसफ़ॉर्म फ़ंक्शंस

    2D ट्रांसफ़ॉर्म फ़ंक्शन का उपयोग 2D ट्रांसफ़ॉर्मेशन को लागू करने के लिए किया जाता है जिसे किसी तत्व में घुमाया जा सकता है, स्थानांतरित किया जा सकता है, स्केल किया जा सकता है और तिरछा किया जा सकता है। अनुवाद करें - किसी तत्व को x और y अक्ष पर ले जाने के लिए। पैमाना - x y दिशा में तत्व का आकार ब