Change the opacity property of an element. While opacity utilities work well with backdrops, you can apply them to any element you wish.
The opacity utilities (Figure 1) range from 10 to 90 in increments of 10. For example,
.opacity-50 applies a 50% opacity to its selector.
Opacity utilities accept breakpoint modifiers.
With the HTML in Figure 2, the purple rectangle changes to 40% opacity at the large breakpoint.