CSS Filters

 CSS Filters

CSS filters allow you to apply visual effects to elements. Some commonly used filters include:

Grayscale: Converts an element to grayscale. For example:

.image {

  filter: grayscale(100%);

}

Blur: Applies a blur effect to an element. For example:

.background {

  filter: blur(5px);

}

Brightness: Adjusts the brightness of an element. For example:

.video {

  filter: brightness(150%);

}