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

बॉर्डर-राइट-कलर प्रॉपर्टी पर एनिमेशन करें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 500px;
            height: 300px;
            background: yellow;
            border: 15px solid yellow;
            background-image: url('https://www.tutorialspoint.com/latest/testrail.png');
            animation: myanim 3s infinite;
            background-position: bottom left;
            background-size: 50px;
         }
         @keyframes myanim {
            30% {
               background-color: maroon;
               border-right-color: red;
            }
         }
      </style>
   </head>
   <body>
      <h2>Performing Animation for border right color</h2>
      <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