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

CSS रंग संपत्ति पर एनिमेशन निष्पादित करें

<घंटा/>

CSS के साथ कलर प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 200px;
            height: 300px;
            background: white;
            border: 10px solid red;
            animation: myanim 3s infinite;
            bottom: 30px;
            position: absolute;
         }
         @keyframes myanim {
            20% {
               bottom: 100px;
               box-shadow: 30px 45px 70px orange;
               color: blue;
            }
         }
      </style>
   </head>
   <body>
      <h2>Performing Animation on color property</h2>
      <div>This is our demo div!</div>
   </body>
</html>

  1. CSS परिप्रेक्ष्य-मूल संपत्ति पर एनिमेशन निष्पादित करें

    परिप्रेक्ष्य-मूल पर एनिमेशन लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo1 {             posi

  1. CSS परिप्रेक्ष्य संपत्ति पर एनिमेशन निष्पादित करें

    सीएसएस के साथ परिप्रेक्ष्य संपत्ति पर एनीमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo1 {             pos

  1. CSS पैडिंग-टॉप प्रॉपर्टी पर एनिमेशन करें

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