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

दोहराव-रैखिक-ढाल () सीएसएस फ़ंक्शन का उपयोग

<घंटा/>

लीनियर ग्रेडिएंट को दोहराने के लिए रिपीटिंग-लीनियर-ग्रेडिएंट () मेथड का इस्तेमाल करें।

उदाहरण

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

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