CSS radial-gradient() फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें।
उदाहरण
<!DOCTYPE html> <html> <head> <style> #demo { height: 200px; background: radial-gradient(green, orange, maroon); } </style> </head> <body> <p>Setting background as radial gradient.</p> <div id = "demo"></div> </body> </html>
व्याख्या: radial-gradient(green, orange, maroon) केंद्र से शुरू होकर हरा, नारंगी, फिर मैरून रंग में फैलता हुआ ग्रेडिएंट बनाता है।