Hello in this tutorial, you will learn how to create a see-through blur effect on your elements.

1) First set the background color to anything you want.

background-color: red;

2) Then make it transparent.

background-color: rgba(255, 0, 0, 0.13);

3) Next use the backdrop-filter property and set the blur.

backdrop-filter: blur(1em);

HTML