इंद्रधनुषी रंगों की तरह दिखने वाला रैखिक ग्रेडिएंट बनाने के लिए, निम्न कोड चलाएं:
<!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>
linear-gradient दिशा (to right, to bottom, कोण आदि) और रंग-स्टॉप स्वीकार करता है।
CSS से टेक्स्ट कलर सेट करना
CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए टेक्स्ट कलर सेट करने के लिए किया जाता है।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS color प्रॉपर्टी को दर्शाते हैं:<!DOCTYPE html> <html lang="en"> <head>
CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर कैसे बनाएं?
CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body { height: 250vh; color: white; font-family: "Segoe UI", Tahoma,
HTML5 में लीनियर ग्रेडिएंट कैसे ड्रॉ करें?
createLinearGradient() मेथड लीनियर (रैखिक) ग्रेडिएंट बनाने के लिए Canvas API का createLinearGradient(x0, y0, x1, y1) मेथड उपयोग करें। चार पैरामीटर्स शुरुआती बिंदु (x0,y0) और अंतिम बिंदु (x1,y1) डिफाइन करते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1x0 - शुरुआती ग्रेडिएंट का X निर्देशांक 2y0 - शु