Opacity

Opacity

Utilities for controlling the opacity of an element (alpha channel).

Added in v4.2.0

<div class="opacity-0">completely invisible</div>
<div class="opacity-10">10% opaque</div>
<div class="opacity-20">20% opaque</div>
<div class="opacity-30">30% opaque</div>
<div class="opacity-40">40% opaque</div>
<div class="opacity-50">50% opaque</div>
<div class="opacity-60">60% opaque</div>
<div class="opacity-70">70% opaque</div>
<div class="opacity-80">80% opaque</div>
<div class="opacity-90">90% opaque</div>
<div class="opacity-100">100% opaque</div>