# Inspector: Effects

> Blend mode and the CSS filter stack.

Glider documentation · The Editor · Web page: https://cgglider.com/docs/inspector/effects/

Sections of this page: [Add components](https://cgglider.com/docs/inspector.md) · [Content](https://cgglider.com/docs/inspector/content.md) · [Transform](https://cgglider.com/docs/inspector/transform.md) · [Appearance](https://cgglider.com/docs/inspector/appearance.md) · [Effects](https://cgglider.com/docs/inspector/effects.md) · [Binding](https://cgglider.com/docs/inspector/binding.md) · [Advanced](https://cgglider.com/docs/inspector/advanced.md)

| Control | Range | Default |
| --- | --- | --- |
| Blend | CSS mix-blend-mode values | normal |
| Brightness | 0 – 3, step 0.05 | 1 |
| Contrast | 0 – 3, step 0.05 | 1 |
| Saturate | 0 – 3, step 0.05 | 1 |
| Hue rotate | −180° – 180°, step 1 | 0° |
| Blur | 0 – 24 px, step 0.5 | 0 |
| Grayscale | 0 – 100 % | 0 |

The six sliders compose into a single CSS filter string, so they stack in that fixed order. Each effect row is bindable, which is how a graphic can, say, desaturate itself when a result goes final.

> **Filters cost frames:** Blur in particular is expensive on a full-frame element. Check the output at broadcast resolution before committing to a heavy stack.