Interview Question

What is backdrop-filter?

backdrop-filter changes what is seen through an element.

💡 Concept ✅ Quick Revision 🎨 CSS

Answer

The backdrop-filter property applies filter effects to content behind an element. • The effect is visible through transparent or partly transparent areas. • It filters the backdrop rather than the element’s own contents. • Readable contrast must remain sufficient over changing backgrounds.

💡 Simple Example

.glass {
  background: rgb(255 255 255 / .2);
  backdrop-filter: blur(12px);
}

⚡ Quick Revision

backdrop-filter changes what is seen through an element.

←

PreviousWhat are CSS filters?

NextWhat are CSS counters?

→