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

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. - दोहराव-रैखिक-ढाल () सीएसएस फ़ंक्शन का उपयोग

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

  1. - CSS के साथ पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb

  1. कैसे सीएसएस के साथ स्क्रॉल पर एक ढाल पृष्ठभूमि रंग बनाने के लिए? कैसे सीएसएस के साथ स्क्रॉल पर एक ढाल पृष्ठभूमि रंग बनाने के लिए?

    स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       height: 250vh;       color: white;       font-family: "Segoe UI", Tahoma, Gene