Shadows & filters

The Shadow & Filters block stacks visual effects on an element: outer/inner/drop/text shadows and a set of CSS filters like blur, brightness, contrast and hue-rotate.

Where: Right sidebar → Styles → Shadow & Filters — Select an element and add/open the block

Key ideas

• Shadow types: Container Shadow (box-shadow), Inner Shadow, Filter Shadow (drop-shadow, follows alpha), and Text Shadow.
• Filters: Blur, Backdrop Blur, Brightness, Contrast, Saturate, Hue Rotate, Invert, Grayscale, Sepia.
• Stackable: Add several effects; each is its own reorderable layer.

Steps

1. Open Styles → Shadow & Filters.
2. Add a shadow effect and set offset/blur/spread/color.
3. Add a filter (e.g. Blur or Brightness) and tune its amount.
4. Reorder or remove layers as needed.