1. Docs
  2. Utilities
  3. Opacity
Buy Now Contact

Opacity Utilities

Change the opacity of any element

Add u-opacity-{level} to quickly change the opacity of any element based on the level specified.

This is heavy opacity

This is medium opacity

This is light opacity

This is zero opacity

<h3 class="u-opacity-heavy">This is heavy opacity</h3>
<h3 class="u-opacity-medium">This is medium opacity</h3>
<h3 class="u-opacity-light">This is light opacity</h3>
<h3 class="u-opacity-zero">This is zero opacity</h3>
Contents: