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

CSS border-bottom-left-radius প্রোপার্টিতে অ্যানিমেশন প্রয়োগ করা

CSS-এ border-bottom-left-radius প্রোপার্টিতে অ্যানিমেশন প্রয়োগ করতে নিচের উদাহরণটি অনুসরণ করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 500px;             height: 400px;             background: yellow;             border: 10px solid green;             border-bottom-left-radius: 150px;             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             20% {                background-size: 90px;                border-bottom-left-radius: 50px;             }          }       </style>    </head>    <body>       <h2>নিচের বাম বর্ডার রেডিয়াসের জন্য অ্যানিমেশন</h2>       <div></div>    </body> </html>
  1. CSS opacity প্রপার্টিতে অ্যানিমেশন করুন

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

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

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