Header

Cursor

Utility classes to change pointer behaviour

Class reference

Class
Output
.o-0
opacity: 0
.o-10
opacity: 10%
.o-20
opacity: 20%
.o-30
opacity: 30%
.o-40
opacity: 40%
.o-50
opacity: 50%
.o-60
opacity: 60%
.o-70
opacity: 70%
.o-80
opacity: 80%
.o-90
opacity: 90%
.o-100
opacity: 100%

Opacity

.o-{value} changes the opacity of the element it is applied on.

.o-0
.o-10
.o-20
.o-30
.o-40
.o-50
.o-60
.o-70
.o-80
.o-90
.o-100
<div className="o-0">...</div>
<div className="o-10">...</div>
<div className="o-20">...</div>
<div className="o-30">...</div>
<div className="o-40">...</div>
<div className="o-50">...</div>
<div className="o-60">...</div>
<div className="o-70">...</div>
<div className="o-80">...</div>
<div className="o-90">...</div>
<div className="o-100">...</div>