CSS অ্যানিমেশন দিয়ে vertical-align প্রপার্টি অ্যানিমেট করুন

উদাহরণ

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      img {
        vertical-align: 80px;
        animation: myanim 3s;
      }
      @keyframes myanim {
        50% {
          vertical-align: 120px;
        }
      }
    </style>
  </head>
  <body>
    <h1>CSS vertical-align প্রপার্টি</h1>
    <div></div>
    <p><img src="https://www.tutorialspoint.com/latest/microservice_architecture.png" width="80" height="80"> This is demo text. This is demo text. This is demo text. This is demo text. </p>
  </body>
</html>