Opacity & Visibility

Utilities for Opacity & Visibility.

Opacity

Using opacity-[*], you can control the opacity of an element.

opacity-
You can use numerical values which will be converted into a multiple of 0.01 for consistent and precise design.

For example, "opacity-54" will give you an opacity of 0.54
You can use Arbitrary values like "opacity-(0.73)" as well.
Learn more about Arbitrary Styling

Visibility

Using visible or hidden, you can control whether an element is visible or not.

"visible"
"hidden"