रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं
<!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> आरजीबीए () लाल, हरे, नीले और अल्फा के लिए आरजीबीए रंग मान को परिभाषित करता है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण आइए अब rgba() फ़ंक्शन को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style
रैखिक ढाल () का उपयोग रैखिक ढाल को पृष्ठभूमि छवि के रूप में परिभाषित करने के लिए किया जाता है - background-image: linear-gradient(direction, color-stop1, color-stop2, ...); ऊपर, शुरुआती बिंदु और दिशा सेट करें, उस रंग के साथ रुके हुए संक्रमण को सुचारू रूप से प्रस्तुत करने के लिए। उदाहरण आइए अब रैखि
CSS पृष्ठभूमि गुण हमें तत्वों की पृष्ठभूमि को स्टाइल करने में मदद करते हैं। CSS पृष्ठभूमि गुण किसी तत्व की पृष्ठभूमि को निर्दिष्ट करने के लिए एक आशुलिपि है। बैकग्राउंड-कलर, बैकग्राउंड-इमेज, बैकग्राउंड-रिपीट, बैकग्राउंड-पोजिशन, बैकग्राउंड-क्लिप, बैकग्राउंड-साइज, बैकग्राउंड-ओरिजिन और बैकग्राउंड-अटैचमे