Utilities for Opacity & Visibility.
Opacity
Using opacity-[*]
, you can control the opacity of an element.
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.