CSS border-top-color প্রপার্টি অ্যানিমেট করুন

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

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td {
        border: 2px solid black;
      }
      #newTable {
        width: 500px;
        height: 300px;
        background: yellow;
        border: 15px solid yellow;
        animation: myanim 3s infinite;
        background-position: bottom left;
        background-size: 50px;
      }
      @keyframes myanim {
        30% {
          background-color: orange;
          border-spacing: 50px;
          border-top-color: red;
        }
      }
    </style>
  </head>
  <body>
    <h2>বর্ডার টপ রং এর জন্য অ্যানিমেশন</h2>
    <table id="newTable">
      <tr>
        <th>বিষয়</th>
        <th>ছাত্র</th>
        <th>নম্বর</th>
      </tr>
      <tr>
        <td>গণিত</td>
        <td>অমিত</td>
        <td>98</td>
      </tr>
      <tr>
        <td>বিজ্ঞান</td>
        <td>সচিন</td>
        <td>99</td>
      </tr>
    </table>
  </body>
</html>