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

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


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

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

क्र.सं
पैरामीटर और विवरण
1
Color
वह रंग जो पारदर्शी क्षेत्र बन जाएंगे।

उदाहरण

आप मास्क प्रभाव लागू करने के लिए निम्न कोड आज़मा सकते हैं:

<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 से एकॉर्डियन कैसे बनाएं CSS और JavaScript से एकॉर्डियन कैसे बनाएं

    CSS और JavaScript से एकॉर्डियन बनाने के लिए, कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo { background-color: #eee; cursor: pointer; padding: 25px; width: 100

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

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

  1. CSS caret-color के साथ कर्सर रंग बदलना CSS caret-color के साथ कर्सर रंग बदलना

    परिचय सम्मिलन कैरेट (टेक्स्ट इनपुट में ब्लिंकिंग कर्सर) का रंग बदलने के लिए, CSS caret-color प्रॉपर्टी का उपयोग किया जाता है। यह फॉर्म एक्सेसिबिलिटी और दृश्य डिजाइन को बढ़ाता है। उदाहरण 1: कस्टम कैरेट रंग <!DOCTYPE html> <html> <head> <style> form { padding: 2%;