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.