Perspective Transform

Control the 3D perspective depth of child elements.

Controls

Perspective500px
RotateY Preview40°

Live Preview

3D Box

Generated Code

.container {
  perspective: 500px;
}

.element {
  transform: rotateY(40deg);
}