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

Spread the love

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.

Leave a Reply

Your email address will not be published. Required fields are marked *