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

CSS transition-timing-function প্রপার্টির ব্যবহার


ট্রানজিশন ইফেক্টের গতি বক্র সেট করতে transition-timing-function প্রপার্টি ব্যবহার করুন। এই প্রপার্টির মান হতে পারে: ease, ease-in, ease-out, linear ইত্যাদি।

CSS-এ ট্রানজিশন ইফেক্টের গতি বক্র সেট করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 100px;             height: 100px;             background: red;             transition: width 4s;          }          #effect1 {             transition-timing-function: linear;          }          #effect2 {             transition-timing-function: ease-in;          }          div:hover {             width: 250px;          }       </style>    </head>    </body> </html>

  1. CSS-এ border-right-width property ব্যবহার

  2. CSS perspective প্রোপার্টির ব্যবহার

  3. CSS transition-timing-function প্রোপার্টি

  4. CSS Transition প্রোপার্টি