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

CSS-এ ম্যাট্রিক্স ট্রান্সফর্ম অন্য দিক থেকে


CSS-এ অন্য দিক থেকে ম্যাট্রিক্স ট্রান্সফর্ম করতে নিচের কোডটি চালান:

উদাহরণ

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

আউটপুট

CSS-এ ম্যাট্রিক্স ট্রান্সফর্ম অন্য দিক থেকে


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

  2. CSS অ্যানিমেশন দিয়ে transform প্রপার্টি অ্যানিমেট করুন

  3. CSS দিয়ে বেসিক লিস্টকে লিস্ট গ্রুপে রূপান্তর করার পদ্ধতি

  4. CSS ২D ট্রান্সফর্ম ফাংশন (Transform Functions)