Sometimes, we want to make a CSS glass/blur effect work for an overlay.
In this article, we’ll look at how to make a CSS glass/blur effect work for an overlay.
How to make a CSS glass/blur effect work for an overlay?
To make a CSS glass/blur effect work for an overlay, we set the backdrop-filter property.
For instance, we write
backdrop-filter: blur(6px);
to set the backdrop-filter property to blur(6px); to add a filter to blur the image.
Conclusion
To make a CSS glass/blur effect work for an overlay, we set the backdrop-filter property.
