Skip to content

Z-Index

Below, utility classes to apply z-index property.

ClassProperties
.z-0z-index: 0;
.z-5z-index: 5;
.z-10z-index: 10;
.z-15z-index: 15;
.z-20z-index: 20;
.z-25z-index: 25;
.z-30z-index: 30;
.z-35z-index: 35;
.z-40z-index: 40;
.z-45z-index: 45;
.z-50z-index: 50;
.z-55z-index: 55;
.z-60z-index: 60;
.z-65z-index: 65;
.z-70z-index: 70;
.z-75z-index: 75;
.z-80z-index: 80;
.z-85z-index: 85;
.z-90z-index: 90;
.z-95z-index: 95;
.z-100z-index: 100;

Example(s)

html
<div class="z-5 rotate-45 ..."></div>
<div class="z-0 rotate-45 ..."></div>
<div class="z-15 rotate-45 ..."></div>
<div class="z-10 rotate-45 ..."></div>
<div class="z-25 rotate-45 ..."></div>
<div class="z-20 rotate-45 ..."></div>
<div class="z-35 rotate-45 ..."></div>

Released under the Beerware 🍺 License.