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

Supported by the Seattle Kraken Power Play Program

Special thanks to
USA Ball Hockey for their support!

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