Opacity
Utility classes for changing an element's opacity.
Classes
Class | Output |
---|---|
.d-o0 | opacity: 0 !important; |
.d-o5 | opacity: 0.05 !important; |
.d-o10 | opacity: 0.1 !important; |
.d-o20 | opacity: 0.2 !important; |
.d-o25 | opacity: 0.25 !important; |
.d-o30 | opacity: 0.3 !important; |
.d-o40 | opacity: 0.4 !important; |
.d-o50 | opacity: 0.5 !important; |
.d-o60 | opacity: 0.6 !important; |
.d-o70 | opacity: 0.7 !important; |
.d-o75 | opacity: 0.75 !important; |
.d-o80 | opacity: 0.8 !important; |
.d-o90 | opacity: 0.9 !important; |
.d-o100 | opacity: 1 !important; |
.d-o-unset | opacity: unset !important; |
Usage
Use d-o{n}
to change the opacity of your element.
<div class="d-o100">...</div>
<div class="d-o75">...</div>
<div class="d-o50">...</div>
<div class="d-o25">...</div>
<div class="d-o0">...</div>