रेडियल ग्रेडिएंट्स के साथ अलग-अलग स्पेस वाले कलर स्टॉप बनाने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं:
<!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> स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!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%;