CSS Filters

Question

Can I use css3 filters like blur for background-image? if yes, how?

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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?

Answer 5

please look at the filter in the header section

https://code.sololearn.com/WR0l6zh17pzv/?ref=app

Answer 6

You're very welcome. 👍

Answer 7

thanks a lot

Answer 8

.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:

Answer 9

Wlc

Answer 10

What comes after border in the question about making an image brighter and circled