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.

A setting that determines how an element's colors interact with the layers beneath it, such as multiply, screen, overlay, or difference. Blend modes enable creative effects like color tinting images, creating texture overlays, and building complex visual compositions. Experiment with blend modes in Framer to achieve effects that would otherwise require image editing software.

A visual modification applied to elements such as blur, shadow, glow, or blend mode that enhances appearance. Effects add depth, focus attention, and create sophisticated visual compositions. Use effects purposefully—overuse can slow performance and create visual clutter.

A type of animation that creates fluid, continuous motion between states or along scroll, often used for page transitions. Flow effects add polish and help users maintain context during navigation. Framer's transitions support various flow effects between pages and component states.

A grainy texture effect added to backgrounds or elements for visual interest and tactile quality. Subtle noise can add depth and sophistication, reducing the flatness of solid colors. Apply noise sparingly—heavy noise can look dated and affect performance.