How to make such a smeared background in css and in photoshop "e so that you can see what is behind this background?

Question

css

How to make such a smeared background in css and in photoshop "e so that you can see what is behind this background?

Answer 1

Take any picture in Photoshop, make it a Smart Object and choose Filter > Blur > Gaussian Blur from the menu

Answer 2

judging by the example, the
usual background
and elements on top of it

Answer 3

Just what you want is only in safari - backdrop-filter. And if you return to life, then it's better to just fill in the already blurred picture)) Or apply filter: blur to a normal picture.

Answer 4

For this, Photoshop is not needed, if I understand correctly, for the page?
1 It is necessary to compress the picture in jpg, strongly to "squares".
2 dulsky.eu/t/ Will
not work in older browsers