How to operate CSS image blur effect?

How to operate the cover image as the background for fuzzy processing?

 

here you goo , thank me later

 

I recommend you to read Andy Adams' article on filter and backdrop-filter CSS properties comparison.

https://css-tricks.com/almanac/properties/b/backdrop-filter/

 

haha sorry about it

 

Hello,
If you want the blur to have a color, you'll need to add the background property with an rgba value. Make sure that the alpha (opacity) is less than 1.

 

hahaha sorry though

 

hey you can use simple css effect like if your class is:

.image{
width: 100%
opacity: 0.5;
}

you can use opacity in css and your image will be lighter on text.