How can I make a CSS glass/blur effect work for an overlay?

November 11, 2022 by Tarik

For a more simple and up to date answer:

backdrop-filter: blur(6px);

Note browser support is not perfect but in most cases a blur would be non essential.