Android
```kotlin public class DepthEffect(public val layer1: Shadow, public val layer2: Shadow) ``` The depth effect establishes a sense of hierarchy by using shadows to occlude content underneath. It consists of two shadow layers, [layer1](#layer1) and [layer2](#layer2). [layer2](#layer2) is drawn on top of [layer1](#layer1): _________________ | _________ | | | content | | | |_________| | | ___________ | | | layer 2 | | | |___________| | | _____________ | | | layer 1 | | | |_____________| | |_________________| [GlimmerTheme.depthEffectLevels](/jetpack-compose/androidx.xr.glimmer/glimmer/classes/GlimmerTheme) provides theme defined depth effect levels that should be used to add depth to surfaces. Higher level components apply the depth effect automatically when needed. The depth effect can also be configured through [surface](/jetpack-compose/androidx.xr.glimmer/glimmer/composable-functions/surface). To manually render depth shadows for advanced use-cases, see the [depthEffect](/jetpack-compose/androidx.xr.glimmer/glimmer/modifiers/depthEffect) [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier).