Z-Index
Below, utility classes to apply z-index
property.
Class | Properties |
---|---|
.z-0 | z-index: 0; |
.z-5 | z-index: 5; |
.z-10 | z-index: 10; |
.z-15 | z-index: 15; |
.z-20 | z-index: 20; |
.z-25 | z-index: 25; |
.z-30 | z-index: 30; |
.z-35 | z-index: 35; |
.z-40 | z-index: 40; |
.z-45 | z-index: 45; |
.z-50 | z-index: 50; |
.z-55 | z-index: 55; |
.z-60 | z-index: 60; |
.z-65 | z-index: 65; |
.z-70 | z-index: 70; |
.z-75 | z-index: 75; |
.z-80 | z-index: 80; |
.z-85 | z-index: 85; |
.z-90 | z-index: 90; |
.z-95 | z-index: 95; |
.z-100 | z-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>