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

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

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

উদাহরণ

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

  2. CSS perspective-origin প্রপার্টিতে অ্যানিমেশন করুন

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

  4. CSS padding-top প্রপার্টিতে অ্যানিমেশন করুন