কম্পিউটার টিউটোরিয়াল

CSS top প্রপার্টি অ্যানিমেশন সহ


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

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        position: absolute;
        width: 300px;
        height: 200px;
        background-color: orange;
        color: white;
        top: 0;
        animation: myanim 3s infinite;
      }
      @keyframes myanim {
        30% {
          top: 300px;
        }
      }
    </style>
  </head>
  <body>
    <h1>CSS top প্রপার্টি</h1>
    <div>
      <h1>This is demo text!</h1>
    </div>
  </body>
</html>

  1. CSS columns প্রপার্টি অ্যানিমেশন দিয়ে পরিবর্তন করুন

  2. CSS অ্যানিমেশন দিয়ে transform-origin প্রপার্টি অ্যানিমেট করুন

  3. CSS অ্যানিমেশন দিয়ে transform প্রপার্টি অ্যানিমেট করুন

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