<!DOCTYPE html> | |
<style> | |
#perspective { | |
perspective: 150px; | |
height: 150px; | |
width: 150px; | |
margin: 50px; | |
padding: 10px; | |
} | |
#transform { | |
width: 150px; | |
height: 150px; | |
background: blue; | |
transform: rotateY(45deg); | |
} | |
</style> | |
<div id="perspective"> | |
<div id="transform"> | |
</div> | |
</div> |