Back to Blog

Perspective

To activate 3D space, an element needs perspective. This can be applied in two ways. The first technique is with the transform property, with perspective() as a function:

.panel--red {
  /* perspective function in transform property */
  transform: perspective(400px) rotateY(45deg);
}
front
back
right
left
top
bottom

Un-stage
.....................................................................