Skip to content

Opacity

The opacity utility classes provide a simple way to control the transparency of elements on a webpage. Below is a detailed description of each class and its corresponding opacity level.

CSS Classes

ClassDescription
op / op:0opacity: 0%
op:1opacity: 1%
op:2opacity: 2%
......
op:100opacity: 100%

These classes can be used to quickly adjust the opacity of elements.

html
<div class="op">
  Content that opacity...
</div>
Opacity 25%
Opacity 50%
Opacity 100%

Released under the MIT License