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

सीएसएस स्केल () फ़ंक्शन

<घंटा/>

CSS में स्केल () फ़ंक्शन का उपयोग एक परिवर्तन को परिभाषित करने के लिए किया जाता है जो 2D विमान पर एक तत्व का आकार बदलता है। प्रत्येक दिशा में स्केलिंग की मात्रा को स्केल () फ़ंक्शन के पैरामीटर के रूप में सेट करें।

उदाहरण

सीखें

सीएसएस स्केल () फ़ंक्शन सीएसएस स्केल () फ़ंक्शन

आउटपुट

सीएसएस स्केल () फ़ंक्शन

उदाहरण

आइए अब एक और उदाहरण देखें -

 

जानें

सीएसएस स्केल () फ़ंक्शन सीएसएस स्केल () फ़ंक्शन

आउटपुट

सीएसएस स्केल () फ़ंक्शन


  1. सीएसएस तिरछा () फ़ंक्शन सीएसएस तिरछा () फ़ंक्शन

    तिरछा () फ़ंक्शन का उपयोग किसी तत्व को 2D स्थान पर तिरछा करने के लिए किया जाता है। तिरछा () फ़ंक्शन के पैरामीटर के रूप में लागू किए जाने वाले तिरछापन की मात्रा निर्धारित करें। उदाहरण <!DOCTYPE html> <html> <head> <style> .translate_img {    transform: translate(50px

  1. सीएसएस मैट्रिक्स () फ़ंक्शन सीएसएस मैट्रिक्स () फ़ंक्शन

    CSS में मैट्रिक्स () फ़ंक्शन का उपयोग सजातीय 2D परिवर्तन मैट्रिक्स को परिभाषित करने के लिए किया जाता है। रैखिक परिवर्तन को पैरामीटर के रूप में सेट करें। उदाहरण आइए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> .demo {    transform: matrix(2, 1, -1, 1, 190

  1. सीएसएस अनुवाद () फ़ंक्शन सीएसएस अनुवाद () फ़ंक्शन

    CSS में ट्रांसलेट () फ़ंक्शन का उपयोग किसी तत्व को क्षैतिज और लंबवत दिशा में स्थानांतरित करने के लिए किया जाता है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130,