CSS Filters

The CSS Filter property is used to apply visual effects to elements, especially images.

Filters allow you to modify how an element appears without editing the original image. The supporting concepts are explained in CSS Opacity and Blending & Backdrop.

Common uses include:

• Blurring images
• Adjusting brightness
• Changing contrast
• Creating grayscale effects
• Applying shadows
• Adding artistic visual effects

CSS filters are widely used in modern web design to enhance images and improve user interfaces.

Syntax

selector {
    filter: function(value);
}