रेडियल ग्रेडिएंट्स के लिए, कलर स्टॉप सेट करें। डिफ़ॉल्ट आकार दीर्घवृत्त है, लेकिन आप वृत्त जैसी अन्य आकृतियाँ भी सेट कर सकते हैं। CSS में रेडियल ग्रेडिएंट के लिए कम से कम दो कलर स्टॉप सेट करें।
CSS का उपयोग करके रेडियल ग्रेडिएंट बनाने के लिए कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
#radial {
height: 200px;
width: 200px;
background-image: radial-gradient(
rgb(255, 0, 106),
rgb(2, 0, 128),
rgb(0, 255, 42)
);
}
</style>
</head>
<body>
<h1>Radial Gradient Example</h1>
<div id="radial"></div>
</body>
</html> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
