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

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

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

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          table,th,td {             border: 1px 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-right-color: red;                border-right-width: 25px;                border-spacing: 50px;                border-top: 125px solid red;             }          }       </style>    </head>    <body>       <h2>টপ বর্ডারের জন্য অ্যানিমেশন</h2>       <table id = "newTable">          <tr>             <th>বিষয়</th>             <th>ছাত্র</th>             <th>নম্বর</th>          </tr>          <tr>             <td>গণিত</td>             <td>অমিত</td>             <td>৯৮</td>          </tr>          <tr>             <td>বিজ্ঞান</td>             <td>সচিন</td>             <td>৯৯</td>          </tr>          </table>    </body> </html>
  1. CSS padding প্রপার্টি অ্যানিমেট করুন

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

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

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