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

CSS रेडियल ग्रेडिएंट से समान दूरी वाले कलर स्टॉप बनाएं


CSS के साथ रेडियल ग्रेडिएंट से समान दूरी वाले कलर स्टॉप बनाने के लिए कम से कम दो कलर स्टॉप परिभाषित करें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 100px;             background: radial-gradient(orange, green, yellow);          }       </style>    </head>    <body>       <h2>Radial Gradient</h2>       <div id = "demo">Radial Gradients</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 से तीर कैसे बनाएं?

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

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

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