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

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

<घंटा/>

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

उदाहरण

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 300px;
            background: repeating-radial-gradient(green 20%, orange 40%, maroon 40%);
         }
      </style>
   </head>
   <body>
      <p>Repeating radial gradient</p>
      <div id = "demo"></div>
   </body>
</html>

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

    ह्यू-सेचुरेशन-लाइटनेस मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करने के लिए, hsla() CSS पद्धति का उपयोग करें। आप सीएसएस में hsla() फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style

  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