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

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


CSS3-এ Z-অক্ষ 3D ট্রান্সফর্ম বাস্তবায়ন করতে নিচের কোডটি চালান:

উদাহরণ

<html>
  <head>
    <style>
      div {
        width: 200px;
        height: 100px;
        background-color: pink;
        border: 1px solid black;
      }
      div#zDiv {
        -webkit-transform: rotateZ(90deg);
        /* Safari */
        transform: rotateZ(90deg);
        /* Standard syntax */
      }
    </style>
  </head>
  <body>
    <p>rotate Z axis</p>
    <div id="zDiv">
      tutorialspoint.com.
    </div>
  </body>
</html>

আউটপুট

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


  1. CSS3 ২D ট্রান্সফর্ম ফাংশন (Transform Functions) ব্যবহার

  2. CSS3 ৩D ট্রান্সফর্ম ফাংশন (3D Transform Functions) ব্যবহার

  3. CSS3 Flexible Box Layouts (Flexbox লেআউট)

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