सीएसएस के साथ रेडियल ग्रेडिएंट के साथ समान रूप से दूरी वाले रंग स्टॉप बनाने के लिए कम से कम दो रंग स्टॉप परिभाषित करें:
<!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> स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { height: 250vh; color: white; font-family: "Segoe UI", Tahoma, Gene
सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI", Tahoma,
एकाधिक रंग स्टॉप का उपयोग करके एक रैखिक ढाल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div { height: 200px; width: 100%;