সিএসএস perspective

<!DOCTYPE html>
<html>
<head>
<style>
.container {
  perspective: 300px;
}

.box {
  width: 150px;
  height: 100px;
  background: lightblue;
  transform: rotateY(30deg);
}
</style>
</head>
<body>

<div class="container">
  <div class="box"></div>
</div>

</body>
</html>