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

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


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

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 350px;
        height: 150px;
        outline: 2px solid yellow;
        animation: myanim 3s infinite;
      }
      @keyframes myanim {
        50% {
          outline-width: 10px;
        }
      }
    </style>
  </head>
  <body>
    <h1>CSS outline-width প্রপার্টি</h1>
    <div></div>
  </body>
</html>

  1. CSS text-decoration-color প্রপার্টি অ্যানিমেট করুন

  2. CSS outline-color প্রপার্টি অ্যানিমেট করুন

  3. CSS width প্রপার্টি অ্যানিমেট করুন

  4. CSS-এ outline-width প্রোপার্টি