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

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


इनवर्ट प्रभाव वस्तु के रंगों को रंग स्पेक्ट्रम में उनके विपरीत मानों पर मैप करने के लिए उपयोग किया जाता है, यानी एक नकारात्मक छवि बनाने के लिए।

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

क्र.सं पैरामीटर और विवरण
1
Invert
वस्तु के रंगों को रंग स्पेक्ट्रम में उनके विपरीत मान पर मैप करता है।

उदाहरण

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

<html>   <head>   </head>   <body>     <img src = "/images/css.gif" alt = "CSS Logo" style = "Filter: invert" />     <p>Text Example:</p>     <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: invert"> CSS Tutorials </div>   </body> </html>

  1. - CSS के साथ टाडा एनिमेशन इफेक्ट

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

  1. - CSS के साथ स्विंग एनिमेशन इफेक्ट

    स्विंग एनिमेशन इफेक्ट किसी एलिमेंट को निलंबित या एक अक्ष पर आगे-पीछे या अगल-बगल घुमाता है। उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.

  1. - CSS transition-duration से होवर प्रभाव की गति सेट करें

    CSS transition-duration प्रॉपर्टी ट्रांजिशन प्रभाव के पूरा होने में लगने वाला समय निर्दिष्ट करती है। :hover स्यूडो-क्लास के साथ संयोजन करके होवर प्रभाव की गति को नियंत्रित किया जा सकता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर transition-duration: 2s सेट करके होवर प्रभाव (बैकग्राउंड रंग और बॉर्डर ब