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

CSS3 मल्टी कलर ग्रेडिएंट्स

<घंटा/>

आप CSS3 में बहु-रंग ग्रेडिएंट लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<html>
   <head>
      <style>
         #grad2 {
            height: 100px;
            background: -webkit-linear-gradient(red, orange, yellow, red, blue, green,pink);
            background: -o-linear-gradient(red, orange, yellow, red, blue, green,pink);
            background: -moz-linear-gradient(red, orange, yellow, red, blue, green,pink);
            background: linear-gradient(red, orange, yellow, red, blue, green,pink);
         }
      </style>
   </head>
   <body>
      <div id = "grad2"></div>
   </body>
</html>

  1. CSS में बैकग्राउंड कलर सेट करना

    हम बैकग्राउंड-कलर प्रॉपर्टी का उपयोग करके किसी तत्व की पृष्ठभूमि का रंग निर्दिष्ट कर सकते हैं। हम मानक नामों, rgb(), rgba(), hsl() या hsla() द्वारा मान निर्दिष्ट कर सकते हैं। सिंटैक्स CSS बैकग्राउंड-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    background-color: /*value*/ } उदाहर

  1. CSS3 के रेडियल ग्रेडियेंट बनाना

    रेडियल ग्रेडिएंट्स के लिए, कलर स्टॉप सेट करें। डिफ़ॉल्ट आकार दीर्घवृत्त है, लेकिन आप वृत्त जैसी अन्य आकृतियाँ भी सेट कर सकते हैं। CSS में रेडियल ग्रेडिएंट के लिए कम से कम दो कलर स्टॉप सेट करें। CSS का उपयोग करके रेडियल ग्रेडिएंट बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html

  1. CSS3 पारदर्शिता और ग्रेडिएंट

    लीनियर ग्रेडिएंट्स का उपयोग दो या दो से अधिक रंगों को लीनियर फॉर्मेट जैसे ऊपर से नीचे तक व्यवस्थित करने के लिए किया जाता है। पारदर्शिता जोड़ने के लिए, RGBA () फ़ंक्शन का उपयोग करें और रंग स्टॉप को परिभाषित करें। CSS3 का उपयोग करके पारदर्शी रैखिक ढाल सेट करने के लिए कोड निम्नलिखित है - उदाहरण <!D