---
title: Box Shadow
position: 1
seo_title: Telerik and Kendo UI Elevation Utilities
seo_description: Use the Telerik and Kendo UI Elevation Utilities to control the
  box shadow of an element.
---
## Elevation

The Telerik and Kendo UI Elevation Utilities are CSS classes that enable you to control the box shadow of an element.

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

### Applying Elevation

Use the `k-elevation-{value}` utility to apply a box shadow to the element.

<LiveDemo data='{"links":[],"demo":"utils/elevation","height":"","codePreviewSettings":{"ignoreClassNames":"k-w-20 k-h-20 k-border k-border-solid k-border-secondary"}}'></LiveDemo>