> For the complete documentation index, see [llms.txt](https://bharat-tiwari.gitbook.io/our-tech-journal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bharat-tiwari.gitbook.io/our-tech-journal/css/css3-filter.md).

# CSS3 Filter

CSS3 `filter` allows us to apply some visual graphics effects, like brightening or blurring, to the HTML elements.

Following effects are available to be applied using `filter` property:

```css
filter:  brightness() | contrast() | blur() | grayscale() | hue-rotate() | drop-shadow() | invert() | opacity() | saturate() | sepia();
```

## Examples:

[JSFiddle](https://jsfiddle.net/tiwarib/a9err95o/#tabs=result,css,html)