How does backdrop-filter work?

It applies visual effects (like blur, brightness, or contrast) to the area behind an element.

Example:

.blur-bg {

backdrop-filter: blur(10px);

background: rgba(255, 255, 255, 0.3);

}

Key Takeaway:

Used for modern UI effects (like frosted glass) — supported in modern browsers only.

Follow me on LinkedIn:

JavaScript Interview Questions