<html> <head> <style type="text/css"> #container { position: relative; height: 300px; width: 300px; margin: 50px 100px; border: 2px solid blue; perspective: 500px; } #parent { margin: 10px; width: 280px; height: 280px; background-color: #844BCA; transform: rotateY(40deg); } </style> </head> <body> <div id="container"> <div id="parent"> </div> </div> </body> </html>