CSS filter Property Explained

What the CSS filter property does, with an example.

Published November 6, 2026

The CSS filter property applies graphical effects like blur, brightness, or grayscale to an element.

Key points

  • Check browser compatibility on a resource like caniuse.com if targeting older browsers

Example

filter: blur(4px);
More CSS articles