How to make blurry photo using css and html?

Question

css

I want to implement the idea on the site, when uploading a photo or avatars, the photo automatically becomes cloudy, an example of cloudiness in the photo. Did transparency, something is not right. If anyone has come across this issue, I would appreciate your help.

Answer 1

blur()

Answer 2

.css-filters{ 
    -webkit-filter: blur(2px); 
    filter: blur(2px); 
}