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>