Skip to main content

Class-zIndex

Utilities for controlling the stack order of an element.

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

Table list zIndexs​

Class nameProperties
v-index--1 z-index: -1;
v-index--2 z-index: -2;
v-index--3 z-index: -3;
v-index--4 z-index: -4;
v-index-0 z-index: 0;
v-index-1 z-index: 1;
v-index-2 z-index: 2;
v-index-3 z-index: 3;
v-index-4 z-index: 4;

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

Example Code​

index.html
<div>
    <div class="v-index-1"> 
    
    </div>
    <div class="v-index-2"> 
    
    </div>
</div>