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

CSS से लीनियर ग्रेडिएंट कैसे रिपीट करें


CSS से लीनियर ग्रेडिएंट रिपीट करने के लिए repeating-linear-gradient() फंक्शन का उपयोग करें। इसे लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 100px;             background: repeating-linear-gradient(red, yellow 30%, green 30%);          }       </style>    </head>    <body>       <h2>Linear Gradient</h2>       <div id = "demo">Repeating Linear Gradients</div><br>    </body> </html>

  1. CSS से लेबल्स स्टाइल करना CSS से लेबल्स स्टाइल करना

    लेबल स्टाइल्स CSS से लेबल्स स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20px; } span

  1. CSS से स्क्रॉलबार कैसे छिपाएं? CSS से स्क्रॉलबार कैसे छिपाएं?

    CSS से स्क्रॉलबार छिपाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body {       height: 150vh;       width: 200vw;       overflow: hidden;       font-family: "Segoe UI&

  1. CSS से तीर कैसे बनाएं? CSS से तीर कैसे बनाएं?

    CSS से तीर बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva