CSS linear-gradient() फ़ंक्शन का उपयोग करके रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें।
उदाहरण
<!DOCTYPE html> <html> <head> <style> #demo { height: 200px; background: linear-gradient(green, orange, maroon); } </style> </head> <body> <p>Setting background as linear gradient.</p> <div id = "demo"></div> </body> </html>
व्याख्या: linear-gradient(green, orange, maroon) डिफ़ॉल्ट दिशा (ऊपर से नीचे) में हरा से नारंगी से मैरून तक ग्रेडिएंट बनाता है। आप दिशा (to right, 45deg, आदि) भी निर्दिष्ट कर सकते हैं।
