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

CSS-এ cubic-bezier() ফাংশন ব্যবহার


কিউবিক বেজিয়ার কার্ভ সংজ্ঞায়িত করতে cubic-bezier() ফাংশন ব্যবহার করুন। নিচের কোডটি চালান:

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 100px;
        height: 100px;
        background: yellow;
        transition: width 3s;
        transition-timing-function: cubic-bezier(0.3, 0.3, 2.0, 0.9);
      }
      div:hover {
        width: 200px;
      }
    </style>
  </head>
  <body>
    <p>নিচের কন্টেইনারের ওপর হোভার করুন:</p>
    <div></div>
  </body>
</html>

  1. CSS-এ hsla() ফাংশন ব্যবহার

  2. CSS-এ repeating-radial-gradient() ফাংশন ব্যবহার

  3. CSS rotate() ফাংশন

  4. CSS rgba() ফাংশন