CSS Filters | SoloLearn: Learn to code for FREE!

+4

CSS Filters

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

4/9/2019 5:16:18 PM

Mo3n

8 Answers

New Answer

+6

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

+6

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

+4

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

+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?

+4

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

+3

thanks a lot

+3

You're very welcome. 👍

0

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