> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/effects/opacity.md).

# Opacity

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: {digit}%;`

Example usage:

```html
<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.