backdrop-filter

Add a graphical effect to the area behind an element

Syntax

/*
    backdrop-filter: initial;
    backdrop-filter: blur;
*/

Values

none
Default value: no filter is applied.

filter
You can specify the filter you want to use here.

initial
Sets the property to its default value.

inherit

Sets the property to its inherited value.

Browser Compatibilty

Demos

Have a code example of backdrop-filter? Submit a codepen.io demo and we'll showcase it here ↴