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

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);             /* मानक सिंटैक्स */             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. CSS का उपयोग करके मैट्रिक्स ट्रांसफॉर्म्स के साथ div घुमाएं CSS का उपयोग करके मैट्रिक्स ट्रांसफॉर्म्स के साथ div घुमाएं

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

  1. CSS से बेसिक लिस्ट को लिस्ट ग्रुप में बदलना CSS से बेसिक लिस्ट को लिस्ट ग्रुप में बदलना

    लिस्ट ग्रुप बेसिक लिस्ट को लिस्ट ग्रुप में बदलने के लिए CSS का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } * { box-sizin

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

    2D ट्रांसफॉर्म फंक्शन्स का उपयोग 2D ट्रांसफॉर्मेशन लागू करने के लिए किया जाता है जो किसी एलिमेंट पर रोटेट, मूव, स्केल और स्क्यू हो सकते हैं।Translate − एलिमेंट को x और y axis के साथ मूव करने के लिए।Scale − x y दिशा में एलिमेंट को रिसाइज़ करने के लिए।Rotate − एलिमेंट को कुछ डिग्री घ