Backdrop Filter

A CSS effect that applies visual filters like blur or color adjustment to the area behind an element, creating frosted glass or tinted overlay effects. This technique is popular for navigation bars and modal backgrounds that need to stand out while maintaining context with underlying content. In Framer, apply backdrop filters through the Fill properties to create modern, layered interfaces.

Related terms

Related terms

  • Collection Groups

    Framer

    A way to organize and filter cmsCMS collection items by shared attributes, enabling dynamic filtering and categorization. Groups help structure content for navigation, like filtering blog posts by category or products by type. In Framer, use groups in collection lists to display categorized content with dynamic filters.

  • Background blur

    Effects

    In Framer, background blur is useful for navigation bars, overlays, panels, and frosted UI where the page remains visible but visually softened behind the surface.

Your next idea starts here

GPT 5.6 Terra

Create personal portfolio

Build startup site

Launch landing page

Start company blog

Framer UI showing Pages, Layers and Assets panels titles
Framer UI showing Pages, Layers and Assets panels titles