Skip to main content

Class-perspective

Utilities for controlling the stack order of an element.

Use the v-perspective-* utilities to control the perspective of an element. You can use
the feat: custom feature if you want the perspective to suit your needs.

Table list perspectives​

Class nameProperties
v-perspective--1 perspective: -20px;
v-perspective--2 perspective: -40px;
v-perspective--3 perspective: -60px;
v-perspective--4 perspective: -80px;
v-perspective-none perspective: none;
v-perspective-1 perspective: 20px;
v-perspective-2 perspective: 40px;
v-perspective-3 perspective: 60px;
v-perspective-4 perspective: 80px;
v-perspective-top perspective-origin: top;
v-perspective-left perspective-origin: left;
v-perspective-right perspective-origin: right;
v-perspective-bottom perspective-origin: bottom;
v-perspective-center perspective-origin: center;

The table above presents several types of perspectives with different variants.