perspective-example

by Salvatore Rotondo

HTML

<div class="container">
    <div class="rotated">
        aaaaa
    </div>
</div>

CSS

body {
  padding: 10px;
}

.container {
  width:100px;
  height:100px;
  background-color:#900;
}

.rotated {
  width:100px;
  height:100px;
  background-color:#009;
  transform: perspective(200px) rotateY(-45deg);
}