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

উদাহরণ

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        overflow: auto;
        background-color: blue;
        color: white;
        border: 1px solid black;
        animation: myanim 3s;
      }
      @keyframes myanim {
        30% {
          max-width: 250px;
        }
      }
    </style>
  </head>
  <body>
    <h1>max-width উদাহরণ</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>