การแปลง 3D รอบแกน X ด้วย CSS3

เมธอด rotateX()

ใช้ rotateX(angle) หมุนองค์ประกอบรอบแกน X (แนวนอน)

ตัวอย่าง

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