css 3d perspective

by noahua

HTML

<div class="container">
    <div class="transformed"></div>
</div>

CSS

div {
    height: 150px;
    width: 150px;
}
.container {
    -webkit-perspective: 500px;
    border: 1px solid black;
}
.transformed {
    -webkit-transform: rotateY(50deg);
    background-color: blue;
}