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

Subscribe

Sign up with your email address
to receive news and updates.

We respect your privacy.

© Copyright 2025.
Kevin Ng Yoga and Mindfulness.
All Rights Reserved.

Built & Managed by Memcap
Un-stage
...............................................................................................................