CSS max-height প্রপার্টিতে অ্যানিমেশন করুন

CSS-এ max-height প্রপার্টিতে অ্যানিমেশন প্রয়োগ করতে নিচের কোডটি চালান:

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 350px;
        background-color: orange;
        overflow: auto;
        border: 1px solid black;
        animation: myanim 3s infinite;
      }
      @keyframes myanim {
        30% {
          max-height: 100px;
        }
      }
    </style>
  </head>
  <body>
    <h1>max-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. </p>
    </div>
  </body>
</html>