Layout
Z-Index
Utilities for controlling the stack order of an element.
Quick reference
You can pass any number to z-{number} class, the ones listed below are just examples.
| Class | Properties |
|---|---|
| z-0 | z-index: 0; |
| z-1 | z-index: 1; |
| z-2 | z-index: 2; |
| z-3 | z-index: 3; |
| z-4 | z-index: 4; |
| z-5 | z-index: 5; |
| z-6 | z-index: 6; |
| z-8 | z-index: 8; |
| z-10 | z-index: 10; |
| z-20 | z-index: 20; |
| z-30 | z-index: 30; |
| z-40 | z-index: 40; |
| -z-0 | z-index: -0; |
| -z-1 | z-index: -1; |
| -z-2 | z-index: -2; |
| -z-3 | z-index: -3; |
| -z-4 | z-index: -4; |
| -z-5 | z-index: -5; |
| -z-6 | z-index: -6; |
| -z-8 | z-index: -8; |
| -z-10 | z-index: -10; |
| -z-20 | z-index: -20; |
| -z-30 | z-index: -30; |
| -z-40 | z-index: -40; |