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

CSS के साथ मास्क प्रभाव सेट करें


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

Sr.No
<वें शैली ="चौड़ाई:85.771%; पाठ-संरेखण:केंद्र;"> पैरामीटर और विवरण
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. सीएसएस के साथ उलटा प्रभाव सेट करें

    इनवर्ट इफेक्ट का उपयोग वस्तु के रंगों को रंग स्पेक्ट्रम में उनके विपरीत मूल्यों पर मैप करने के लिए किया जाता है, अर्थात, एक नकारात्मक छवि बनाने के लिए। इस फ़िल्टर में निम्न पैरामीटर का उपयोग किया जाता है: Sr.No पैरामीटर और विवरण 1 उल्टा करें रंग स्पेक्ट्रम में वस्तु के रंगों को उनके विपरीत म

  1. सीएसएस के साथ पल्स एनिमेशन प्रभाव

    CSS के साथ पल्स इफेक्ट बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png); &nbs

  1. CSS के साथ होवर प्रभाव की गति निर्धारित करें

    होवर की गति निर्धारित करने के लिए, संक्रमण-अवधि गुण का उपयोग करें। होवर सेट करने के लिए, होवर चयनकर्ता का उपयोग करें। उदाहरण होवर प्रभाव को गति देने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रि