Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS linear-gradient() फ़ंक्शन का उपयोग

लीनियर ग्रेडिएंट बैकग्राउंड

linear-gradient() CSS फ़ंक्शन का उपयोग करके लीनियर ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      #demo {
        height: 200px;
        background: linear-gradient(green, orange, maroon);
      }
    </style>
  </head>
  <body>
    <p>बैकग्राउंड को लीनियर ग्रेडिएंट के रूप में सेट करना।</p>
    <div id="demo"></div>
  </body>
</html>

  1. CSS rgba() फ़ंक्शन CSS rgba() फ़ंक्शन

    rgba() लाल, हरे, नीले और अल्फा के लिए RGBA रंग मान परिभाषित करता है। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-color: hsla(140, 100%, 50%

  1. CSS linear-gradient() फंक्शन CSS linear-gradient() फंक्शन

    linear-gradient() फंक्शन linear-gradient() का उपयोग रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में परिभाषित करने के लिए किया जाता है। सिंटैक्स: background-image: linear-gradient(direction, color-stop1, color-stop2, ...); पैरामीटर्स: direction: ग्रेडिएंट की दिशा (to right, to bottom right, 45deg

  1. CSS बैकग्राउंड प्रॉपर्टीज CSS बैकग्राउंड प्रॉपर्टीज

    CSS बैकग्राउंड प्रॉपर्टीज हमें एलिमेंट्स के बैकग्राउंड को स्टाइल करने में मदद करती हैं। CSS background प्रॉपर्टी किसी एलिमेंट के बैकग्राउंड को निर्दिष्ट करने का एक शॉर्टहैंड है। background-color, background-image, background-repeat, background-position, background-clip, background-size, background-o