CSS perspective banner

Perspective banner

An exciting Journey into Thai Culture

HTML

<div id="blue"><div class="box">
An exciting Journey into Thai Culture
</div>
</div>

CSS

/* -------------------------start---------perspective banner---------------------*/

#blue {
-webkit-perspective: 500px;
perspective: 500px;
}

#blue .box {height: 200px; padding: 10px; box-shadow: 3px 3px 5px black;
font-size: 36px; color: white; margin: 25px; border-radius: 10px;
  background-color: blue;
-webkit-transform: rotateY( 40deg );
transform: rotateY( 40deg );
}
/* -------------------------end---------perspective banner---------------------*/