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

कैल्क () सीएसएस फ़ंक्शन का उपयोग

<घंटा/>

कैल्क () संपत्ति का उपयोग करके सीएसएस में गुणों के मूल्य प्राप्त करें। आप सीएसएस में कैल्क () फ़ंक्शन को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            position: absolute;
            width: calc(100% - 100px);
            background-color: blue;
            text-align: center;
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <div id = "demo">This is it!</div>
   </body>
</html>

  1. रिपीटिंग-रेडियल-ग्रेडिएंट () CSS फ़ंक्शन का उपयोग

    रेडियल ग्रेडिएंट को दोहराने के लिए रिपीटिंग-रेडियल-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। उदाहरण आप सीएसएस में रिपीटिंग-रेडियल-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <

  1. CSS रोटेट () फंक्शन

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

  1. सीएसएस आरजीबीए () फ़ंक्शन

    आरजीबीए () लाल, हरे, नीले और अल्फा के लिए आरजीबीए रंग मान को परिभाषित करता है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण आइए अब rgba() फ़ंक्शन को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style