CSS रेडियल ग्रेडिएंट से अलग-अलग स्पेस वाले कलर स्टॉप बनाएं

रेडियल ग्रेडिएंट के साथ अलग-अलग स्पेस वाले कलर स्टॉप बनाने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;             background: radial-gradient(orange 20%, green 15%, yellow 50%);          }       </style>    </head>    <body>       <h2>Radial Gradient</h2>       <div id = "demo">Radial Gradients</div><br>    </body> </html>