📪Opacity

Opacity Classes

The following utility classes control the opacity of elements:

.opacity-${digit} Sets the opacity of the element to the provided percentage value.

CSS equivalent: opacity: $1%;

Example usage:

<div class="opacity-50">
  <!-- Content with 50% opacity -->
</div>

In the example above, the opacity of the element is set to 50%. You can replace "50" with the desired opacity percentage.

These utility classes allow you to easily adjust the opacity of elements. Use the .opacity-${digit} class to set the opacity to a specific percentage value.