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

เมธอด rotateY()

ใช้ rotateY(angle) หมุนองค์ประกอบรอบแกน Y (แนวตั้ง)

ตัวอย่าง

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