Dialtone

Opacity

Utility classes for changing an element's opacity.

Classes

ClassOutput
.d-o0opacity: 0 !important;
.d-o5opacity: 0.05 !important;
.d-o10opacity: 0.1 !important;
.d-o20opacity: 0.2 !important;
.d-o25opacity: 0.25 !important;
.d-o30opacity: 0.3 !important;
.d-o40opacity: 0.4 !important;
.d-o50opacity: 0.5 !important;
.d-o60opacity: 0.6 !important;
.d-o70opacity: 0.7 !important;
.d-o75opacity: 0.75 !important;
.d-o80opacity: 0.8 !important;
.d-o90opacity: 0.9 !important;
.d-o100opacity: 1 !important;
.d-o-unsetopacity: 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>
Last Updated: