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
| Class | Description |
|---|---|
| op / op:0 | opacity: 0% |
| op:1 | opacity: 1% |
| op:2 | opacity: 2% |
| ... | ... |
| op:100 | opacity: 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%