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

CSS न्यूनतम-ऊंचाई पर एनिमेशन करें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            overflow: auto;
            width: 350px;
            background-color: blue;
            color: white;
            border: 1px solid black;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            30% {
               min-height: 250px;
            }
         }
      </style>
   </head>
   <body>
      <h1>Example of min-height</h1>
      <div>
         <p>This is demo text. This is demo text. This is demo text.
            This is demo text. This is demo text. This is demo text.
            This is demo text. This is demo text. This is demo text.
            This is demo text. This is demo text. This is demo text.
            This is demo text. This is demo text. This is demo text.
            This is demo text. This is demo text. This is demo text.
            This is demo text. This is demo text. This is demo text.
         </p>
      </div>
   </body>
</html>

  1. CSS न्यूनतम-चौड़ाई पर एनिमेशन निष्पादित करें

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

  1. CSS अधिकतम-चौड़ाई पर एनिमेशन निष्पादित करें

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

  1. CSS अधिकतम-ऊंचाई पर एनिमेशन निष्पादित करें

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