# Fade

> Fade gradually reduces a layer’s opacity from opaque to transparent — choose Linear for a directional fade or Radial for one that spreads outward from a central point.

**URL:** https://www.sketch.com/docs/symbols-and-styles/styling/effects/fade/ | **Last updated:** 2026-04-07

---
Fade gradually fades a layer’s opacity from fully opaque to fully transparent — without needing to set up a separate mask layer. It’s useful for blending layers into a background, creating soft transitions between elements, or fading out an image at its edges.

To apply it, click next to **Effects** in the Inspector and choose **Fade**. You can choose from two styles:

- **Linear:** fades the layer in a straight line in a single direction.

- Drag the handles on the canvas to reposition the start and end of the fade.

- Drag a stop to reposition it, or click anywhere along the line to add a new one.

- Select a stop to adjust its opacity in the **Opacity** field.

- Use to invert the fade, and to rotate its direction by 90°.

- **Radial:** fades the layer outward from a central point.

- Drag the center handle on the canvas to reposition the fade, and drag the outer handle to resize it.

- Drag a stop to reposition it, or click anywhere on the line to add a new one.

- Select a stop to adjust its opacity in the **Opacity** field.

- Use to invert the fade.

<!--  -->