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

CONTENTS

Class Reference
Example