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

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

<घंटा/>

रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 200px;
            background: radial-gradient(green, orange, maroon);
         }
      </style>
   </head>
   <body>
      <p>Setting background as radial gradient.</p>
      <div id = "demo"></div>
   </body>
</html>

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

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

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

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

  1. सीएसएस पृष्ठभूमि गुण

    CSS पृष्ठभूमि गुण हमें तत्वों की पृष्ठभूमि को स्टाइल करने में मदद करते हैं। CSS पृष्ठभूमि गुण किसी तत्व की पृष्ठभूमि को निर्दिष्ट करने के लिए एक आशुलिपि है। बैकग्राउंड-कलर, बैकग्राउंड-इमेज, बैकग्राउंड-रिपीट, बैकग्राउंड-पोजिशन, बैकग्राउंड-क्लिप, बैकग्राउंड-साइज, बैकग्राउंड-ओरिजिन और बैकग्राउंड-अटैचमे