CSS Filters

OK, this is one of solutions, I've used ::before pseudoselector and applied blur to it, instead of the header. Take a look : https://code.sololearn.com/WOwb1a4RyrFA/?ref=app

I'll have to see the code. Can you link it to your question please?

Please continue learning : https://www.sololearn.com/learn/CSS/3005/

When i apply the filter:blur() to a div that has background-image, it also applies to all of the content of that div, but I just want to blur the background-image and keep the content unchanged; is there a way to do that?

please look at the filter in the header section https://code.sololearn.com/WR0l6zh17pzv/?ref=app

thanks a lot

You're very welcome. 👍

.class{ backdrop-filter: blur(10px); } Is used to make the element like glass. The backdrop-filter property allows you to eliminate this extra “background” element and apply filters to the backdrop directly: