---
title: Opacity
position: 1
seo_title: Telerik and Kendo UI Opacity Utilities
seo_description: Use the Telerik and Kendo UI Opacity Utilities to control the opacity of an element.
---
## Opacity

The Telerik and Kendo UI Opacity Utilities are CSS classes that enable you to control the opacity of an element.

<CSSRulesList data='{"id":"opacity"}'></CSSRulesList>

### Applying an Opacity

Use the `k-opacity-{value}` to apply opacity to the element.

<LiveDemo data='{"links":[],"demo":"utils/effects/opacity/applying","height":200,"codePreviewSettings":{"filterSelector":".k-bg-primary"}}'></LiveDemo>