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

सीएसएस के साथ फ्लिप प्रभाव

<घंटा/>

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

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

उदाहरण

फ्लिप प्रभाव सेट करने के लिए

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

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

    CSS के साथ वॉबल एनिमेशन प्रभाव बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.p

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

    सीएसएस के साथ टाडा एनीमेशन प्रभाव बनाने के लिए, आप निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images

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

    स्विंग एनिमेशन प्रभाव किसी तत्व को निलंबित या अक्ष पर आगे और पीछे या एक तरफ से दूसरी ओर ले जाने या स्थानांतरित करने का कारण बनता है। उदाहरण <html>    <head>       <style>          .animated {