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

CSS ব্যবহার করে ম্যাট্রিক্স ট্রান্সফর্ম দিয়ে ডিভ রোটেট করা


CSS ব্যবহার করে ম্যাট্রিক্স ট্রান্সফর্ম দিয়ে ডিভ রোটেট করতে নিচের কোডটি চালান:

উদাহরণ

<html>
  <head>
    <style>
      div {
        width: 300px;
        height: 100px;
        background-color: pink;
        border: 1px solid black;
      }
      div#myDiv1 {
        /* IE 9 */
        -ms-transform: matrix(1, -0.3, 0, 1, 0, 0);
        /* Safari */
        -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0);
        /* Standard syntax */
        transform: matrix(1, -0.3, 0, 1, 0, 0);
      }
    </style>
  </head>
  <body>
    <div>
      Welcome to my website.
    </div>
    <div id="myDiv1">
      Welcome to my website.
    </div>
  </body>
</html>

আউটপুট

CSS ব্যবহার করে ম্যাট্রিক্স ট্রান্সফর্ম দিয়ে ডিভ রোটেট করা


  1. CSS দিয়ে অ্যাবসোলিউট পজিশনিং

  2. CSS দিয়ে মেনু আইকন (Hamburger Menu) তৈরি করা

  3. ফ্লেক্সবক্স দিয়ে অ্যাডভান্সড CSS লেআউট

  4. শুধু CSS ব্যবহার করে স্মুথ স্ক্রোলিং বাস্তবায়ন করা