Header

Z-Index

Allows you to change an element’s z-order.

Class Reference

Class
Output
.z-0
z-index: 0;
.z-10
z-index: 10;
.z-20
z-index: 20;
.z-30
z-index: 30;
.z-40
z-index: 40;
.z-50
z-index: 50;
.z-60
z-index: 60;
.z-70
z-index: 70;
.z-80
z-index: 80;
.z-90
z-index: 90;
.z-100
z-index: 100;

Example

z-index:0
z-index:10
z-index:20
z-index:30
z-index:40
z-index:50
z-index:60
z-index:70
z-index:80
z-index:90
z-index:100
<div className="z-0">...</div>
<div className="z-10">...</div>
<div className="z-20">...</div>
...
<div className="z-100">...</div>
←Back to: Visibility

Jump to