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

सीएसएस के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें

<घंटा/>

रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप 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>

  1. - सीएसएस के साथ छवि पर बटन सेट करें

    आप छवि पर बटन सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;       &nbs

  1. - CSS के साथ एक रेखीय ग्रेडिएंट दोहराएं

    लीनियर ग्रेडिएंट को दोहराने के लिए रिपीटिंग-लीनियर-ग्रेडिएंट () मेथड का इस्तेमाल करें। आप सीएसएस में रिपीटिंग-लीनियर-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <st

  1. - CSS के साथ पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb