backdrop-filter

Blurs the background behind the element.

backdrop-filter: blur(10px);

Element stays clear.

Background becomes blurry.

Important Understanding

filter

Affects the element itself.

filter: blur(10px);

Entire element becomes blurry.