Core Code
Core Code Modern Dev Handbook

Perspective Example

The perspective property adds depth to 3D transforms.

Preview

Code

<style>
.container{
perspective:400px;
}

.box{
width:120px;
height:80px;
background:#2563eb;
transform:rotateY(40deg);
}
</style>

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

More CSS 3D Transforms Examples (8)

example RotateX Transform open example example RotateY Transform open example example RotateZ Transform open example example 3D Hover Card open example example TranslateZ Transform open example example Preserve 3D open example example Simple 3D Cube Face open example example 3D Button Press Effect open example