CSS Filters | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

CSS Filters

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

9th Apr 2019, 5:16 PM
Mo3n
Mo3n - avatar
10 Answers
+ 5
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
9th Apr 2019, 7:11 PM
dρlυѕρlυѕ
dρlυѕρlυѕ - avatar
+ 5
I'll have to see the code. Can you link it to your question please?
9th Apr 2019, 6:01 PM
dρlυѕρlυѕ
dρlυѕρlυѕ - avatar
+ 4
9th Apr 2019, 5:41 PM
dρlυѕρlυѕ
dρlυѕρlυѕ - avatar
+ 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?
9th Apr 2019, 5:52 PM
Mo3n
Mo3n - avatar
+ 4
please look at the filter in the header section https://code.sololearn.com/WR0l6zh17pzv/?ref=app
9th Apr 2019, 6:05 PM
Mo3n
Mo3n - avatar
+ 3
You're very welcome. 👍
9th Apr 2019, 7:16 PM
dρlυѕρlυѕ
dρlυѕρlυѕ - avatar
+ 2
thanks a lot
9th Apr 2019, 7:15 PM
Mo3n
Mo3n - avatar
+ 1
.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:
15th Aug 2020, 8:33 PM
Hein Soe
Hein Soe - avatar
0
Wlc
6th Mar 2021, 7:57 PM
blocked
0
What comes after border in the question about making an image brighter and circled
13th Jul 2021, 5:57 AM
Andrew Sean Lubasi