Interview Question

What are CSS filters?

filter applies a chain of graphical effects to rendered content.

💡 Concept ✅ Quick Revision 🎨 CSS

Answer

CSS filters apply graphical effects to an element’s rendered output. • Filter functions include blur, brightness, contrast, grayscale, hue-rotate, and drop-shadow. • Several filter functions can be applied in sequence. • Filters may create a stacking context and can increase rendering cost.

💡 Simple Example

.photo {
  filter: grayscale(1) contrast(1.15);
}

⚡ Quick Revision

filter applies a chain of graphical effects to rendered content.

←

PreviousWhat is aspect-ratio?

NextWhat is backdrop-filter?

→