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

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

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

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 500px;             height: 300px;             background: yellow;             border: 10px solid yellow;             border-bottom-right-radius: 100px;             border-bottom-width: 30px;             background-image: url('https://www.tutorialspoint.com/latest/testrail.png');             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             40% {                background-color: maroon;                border-bottom-color: green;                border-bottom-right-radius: 50px;                border-bottom-width: 50px;                border-color: red;                border-left-color: lightblue;             }          }       </style>    </head>    <body>       <h2>বাম বর্ডার রঙের জন্য অ্যানিমেশন</h2>       <div></div>    </body> </html>
  1. CSS outline-offset প্রপার্টি অ্যানিমেট করুন

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

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

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