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

मल्टीपल कलर स्टॉप के साथ लीनियर ग्रेडिएंट


लीनियर ग्रेडिएंट में मल्टीपल कलर स्टॉप के लिए, आप निम्न कोड चलाकर देख सकते हैं:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 100px;             background: linear-gradient(blue, orange, yellow, gray);          }       </style>    </head>    <body>       <h2>Linear Gradient</h2>       <div id = "demo">Mutiple Color Stops</div><br>    </body> </html>

  1. CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर कैसे बनाएं? CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर कैसे बनाएं?

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

  1. CSS में मल्टीपल कलर स्टॉप्स का उपयोग करके लीनियर ग्रेडिएंट्स बनाना CSS में मल्टीपल कलर स्टॉप्स का उपयोग करके लीनियर ग्रेडिएंट्स बनाना

    मल्टीपल कलर स्टॉप्स का उपयोग करके लीनियर ग्रेडिएंट बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    height: 200px;    width:

  1. CSS3 से मल्टीपल बैकग्राउंड्स जोड़ना CSS3 से मल्टीपल बैकग्राउंड्स जोड़ना

    मल्टीपल बैकग्राउंड्स जोड़ने के लिए, CSS में background-image प्रॉपर्टी का उपयोग करें। मल्टीपल बैकग्राउंड्स जोड़ने का कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div { &