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

CSS3-এ y-অক্ষ ব্যবহার করে এলিমেন্ট রোটেট ট্রান্সফর্ম


CSS3-এ y-অক্ষ ব্যবহার করে এলিমেন্ট রোটেট ট্রান্সফর্ম করতে rotate(angle) মেথড ব্যবহার করুন:

উদাহরণ

<html>
  <head>
    <style>
      div {
        width: 200px;
        height: 100px;
        background-color: pink;
        border: 1px solid black;
      }
      div#yDiv {
        -webkit-transform: rotateY(150deg);
        /* Safari */
        transform: rotateY(150deg);
        /* Standard syntax */
      }
    </style>
  </head>
  <body>
    <div>
      tutorials point.com
    </div>
    <p>Rotate Y axis</p>
    <div id="yDiv">
      tutorials point.com.
    </div>
  </body>
</html>

  1. CSS ব্যবহার করে কোণ অনুযায়ী এলিমেন্ট রোটেট করা

  2. CSS3-এ Z-অক্ষ 3D ট্রান্সফর্ম

  3. CSS3-এ z-axis ব্যবহার করে এলিমেন্ট রোটেট ট্রান্সফর্ম করুন

  4. CSS3 Flexbox লেআউট মডেল বোঝা