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

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

<घंटा/>

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. सीएसएस के साथ तीर कैसे बनाएं? सीएसएस के साथ तीर कैसे बनाएं?

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

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

    CSS एनिमेशन संयोजन, घुमाकर और अनुवाद करके तत्वों को विभिन्न तरीकों से बदलने में हमारी सहायता कर सकते हैं। निम्नलिखित उदाहरण बताते हैं कि हम किसी तत्व को वृत्ताकार पथ में कैसे घुमा सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 8%;   &n

  1. सीएसएस ऑफसेट-पथ (मोशन पथ) के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें? सीएसएस ऑफसेट-पथ (मोशन पथ) के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें?

    हम CSS ऑफ़सेट-पथ . का उपयोग करके किसी तत्व के लिए गति पथ को परिभाषित कर सकते हैं संपत्ति। CSS ऑफ़सेट-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है - सिंटैक्स Selector {    offset-path: /*value*/ } निम्नलिखित उदाहरण CSS ऑफसेट-पथ गुण को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <hea