> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/style/blur.md).

# Blur

You can apply blur effect to widgets.

<div align="left"><img src="/files/-MIxukOxHmosD2vCdioJ" alt=""></div>

## Overall blur

1. Select widget
2. Open Style Inspector
3. Set blur in Blur size field

## Blur mask

Blur widget by alpha channel of image, so opaque areas are blurred, transparent areas are unblurred, and semi transparent areas appear in various levels of blur.

To add blur mask:

1. Select widget
2. Open Style Inspector
3. Click Blur mask and select image file