इंद्रधनुष के रंग जैसा दिखने वाला एक रैखिक ढाल बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं\
<!DOCTYPE html>
<html>
<head>
<style>
#demo {
height: 100px;
background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}
</style>
</head>
<body>
<h2>Linear Gradient</h2>
<div id = "demo">Rainbow</div><br>
</body>
</html> CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट कलर को सेट करने के लिए किया जाता है। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { color: /*value*/ } उदाहरण निम्नलिखित उदाहरण सीएसएस रंग संपत्ति को दर्शाते हैं - <!DOCTYPE html> <html lang="en"
स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { height: 250vh; color: white; font-family: "Segoe UI", Tahoma, Gene
यह विधि एक CanvasGradient ऑब्जेक्ट लौटाती है जो एक रैखिक ग्रेडिएंट का प्रतिनिधित्व करती है जो तर्कों द्वारा दर्शाए गए निर्देशांक द्वारा दी गई रेखा के साथ पेंट करती है। चार तर्क ग्रेडिएंट के शुरुआती बिंदु (x1,y1) और अंतिम बिंदु (x2,y2) का प्रतिनिधित्व करते हैं। createLinearGradient(x0, y0, x1, y1) यह