Opacity
Utilities for controlling the opacity of an element
Class reference
Usage
Control the opacity of an element using the .opacity-{amount}
utilities.
Responsive
To control the opacity of an element at a specific breakpoint, add a {screen}:
prefix to any existing opacity utility. For example, use md:opacity-50
to apply the opacity-50
utility at only medium screen sizes and above.
<div class="opacity-100 md:opacity-50 ...">
<!-- ... -->
</div>
For more information about Elements’ responsive design features, check out the Responsive Design documentation.
On this Page
v1.13.5