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

एनिमेशन को रिवर्स डायरेक्शन में चलाने के लिए किस CSS प्रॉपर्टी का इस्तेमाल किया जाता है?

<घंटा/>

एनीमेशन-दिशा का उपयोग करें एनीमेशन को विपरीत दिशा में चलाने के लिए संपत्ति। संपत्ति का उपयोग रिवर्स . के साथ किया जाता है इसे हासिल करने के लिए एनिमेशन वैल्यू।

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 200px;
            background-color: yellow;
            animation-name: myanim;
            animation-duration: 2s;
            animation-direction: reverse;
         }
         @keyframes myanim {
            from {
               background-color: green;
            }
            to {
               background-color: blue;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. CSS फॉन्ट प्रॉपर्टी पर एनिमेशन करें

    फ़ॉन्ट . पर एनिमेशन लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p {             border: 2px solid

  1. CSS लेटर-स्पेसिंग प्रॉपर्टी पर एनिमेशन निष्पादित करें

    CSS के साथ लेटर-स्पेसिंग प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p {             letter-sp

  1. CSS मार्जिन-राइट प्रॉपर्टी पर एनिमेशन करें

    CSS के साथ मार्जिन-राइट प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             backgrou