CSS Filters

 CSS Filters

CSS Filters allow you to apply visual effects to your elements, such as blurring, grayscale, and sepia. Here's an example:

.filter {

  background-image: url('background.jpg');

  filter: grayscale(50%);

}

In this code, we have a div element with a background image. We then use the filter property to apply the grayscale filter at 50%, which converts the image to grayscale.