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

CSS के साथ वेव प्रभाव


वेव प्रभाव वस्तु को साइन वेव विकृति देता है ताकि यह लहरदार दिखे।

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

क्र.सं पैरामीटर और विवरण
1. Add
मान 1 मूल छवि को लहरदार छवि में जोड़ता है, 0 नहीं जोड़ता।
2. Freq
तरंगों की संख्या।
3. Light
लहर पर प्रकाश की ताकत (0 से 100 तक)।
4. Phase
साइन वेव किस डिग्री पर शुरू होनी चाहिए (0 से 100 तक)।
5. Strength
लहर प्रभाव की तीव्रता।

उदाहरण

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

<html>   <head>   </head>   <body>     <img src = "/css/images/logo.png" alt = "CSS Logo" style = "FILTER: Chroma(Color = #000000) Wave(Add=0, Freq=1, LightStrength=10, Phase=220, Strength=10)">     <p>Text Example:</p>     <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Wave(Add=0, Freq=1, LightStrength=10, Phase=20, Strength=20)">CSS Tutorials</div>   </body> </html>

  1. - CSS के साथ वॉबल एनिमेशन इफेक्ट

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

  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.