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

सीएसएस के साथ एक्स-अक्ष और वाई-अक्ष के साथ तत्व को रूपांतरित करें

<घंटा/>

एक्स-अक्ष और वाई-अक्ष के साथ तत्व को बदलने के लिए अनुवाद (एक्स, वाई) विधि का प्रयोग करें।

आइए सिंटैक्स देखें

translate(x,y)

यहाँ, x एक लंबाई है जो अनुवाद करने वाले सदिश के x-निर्देशांक को दर्शाती है।

y एक लंबाई है जो अनुवाद करने वाले वेक्टर की कोटि को दर्शाती है

आइए एक उदाहरण देखें

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: translate(20px);
   background-color: black;
}

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

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

  1. आईडी के साथ तत्व का चयन करता है =सीएसएस के साथ ट्यूटोरियल

    आईडी =ट्यूटोरियल वाले सभी तत्वों का चयन करने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं। इसे प्राप्त करने के लिए #id CSS चयनकर्ता का उपयोग करें, उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #tutorials

  1. सीएसएस के साथ किसी तत्व के पहलू अनुपात को कैसे बनाए रखें?

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