CSS filter


### Used with modal overlay
bad performance
blur filters are extremely heavy for your browser
```typefilter: blur(5px);```

[CSS backdrop-filter](https://texonom.com/css-backdrop-filter-95ae0ea8b55c4413976de5f77686d14d)



![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4e89c9e4-2ca1-44c3-9a0d-601f0aa3f78a%2FUntitled.png?table=block&id=92d148c4-9127-46f6-9df5-2bf695901234&cache=v2)



### High quality usages
> [A complete guide to using CSS filters with SVGs - LogRocket Blog](https://blog.logrocket.com/complete-guide-using-css-filters-svgs/)





