SOURCE

<div class="container">
  <div class="pane">
    <div>111</div>
  </div>
</div>

html, body {
  height: 100%;
  background-color: #f2f2f2;
}
.container,
.pane{
  height: 100%;
}
.pane {
  width: 200px;
  height: 200px;
  text-align: center;
  border: solid 1px black;
}
.pane:hover {
  transform: rotateX(20deg);
  transform-origin: bottom;
  transition: transform 2s;
  perspective: 100px;
  perspective-origin: top;
}