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

पारदर्शी पिक्सेल को एक निर्दिष्ट रंग में बदलें और अपारदर्शी पिक्सेल को CSS के साथ पारदर्शी बनाएं

<घंटा/>

मुखौटा प्रभाव . का प्रयोग करें पारदर्शी पिक्सेल को एक निर्दिष्ट रंग में बदलने के लिए और अपारदर्शी पिक्सेल को पारदर्शी बनाने के लिए।

इस फ़िल्टर में निम्न पैरामीटर का उपयोग किया जाता है

S.No
<वें शैली ="चौड़ाई:91.4285%; पाठ-संरेखण:केंद्र;">पैरामीटर और विवरण
1
रंग
जिस रंग से पारदर्शी क्षेत्र बन जाएंगे।

उदाहरण

आप मुखौटा प्रभाव को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं

<html>
   <head>
   </head>
   <body>
      <img src = "/css/images/logo.png"alt = "CSS Logo"style = "FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">
      <p>Text Example:</p>
      <div style = "width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Mask(Color=#00FF00)">CSS Tutorials</div>
   </body>
</html>

  1. CSS और JavaScript के साथ अकॉर्डियन कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ एक अकॉर्डियन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo {    background-color: #eee;    c

  1. सीएसएस के साथ आउटलाइन बटन कैसे स्टाइल करें?

    निम्नलिखित CSS के साथ आउटलाइन बटन को स्टाइल करने के लिए कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    font-family: 'Segoe UI', Tahoma, Geneva

  1. CSS कैरेट-कलर के साथ कर्सर का रंग बदलें

    इंसर्शन कैरेट का रंग बदलने के लिए, CSS कैरेट-कलर प्रॉपर्टी उपयोग किया जाता है। उदाहरण निम्नलिखित उदाहरण CSS कैरेट-रंग गुण को दर्शाते हैं। फॉर्म { पैडिंग:2%; मार्जिन:2%; टेक्स्ट-एलाइन:सेंटर;}फॉर्म:फोकस-इन {बॉक्स-शैडो:0 0 10px rgba(0,0,0,0.6); पृष्ठभूमि-रंग:बेज;}इनपुट {फ़ॉन्ट-आकार:3em; कैरेट-रंग:चार्