<div class="container"> <div class="parent"> <div class="child"> I'm your sun. </div> </div> </div>
.container { perspective: 300px } .parent { margin: 0 auto; width: 300px; height: 300px; border: 1px solid #ddd; transform: rotateX(45deg); transform-style: flat } .child { margin-top: 40px; padding: 100px 0; width: 100%; background-color: #ddd; text-align: center; color: #999; transform: rotateX(-30deg); }