What to do with this translucent effect?_html/css_WEB-ITnose

As shown in the picture:


1. How should this background effect be done with CSS3?
Isn’t it purely translucent, with a bit of a frosted glass effect?
The exported image will turn white again.
It may be translucent 0.85, plus Filer. Can anyone make it?

2. The streamlined picture below has text on it, if png is used as the background. Is there also a translucency effect?
Should I use pictures on the left and background on the right? Will there be any gaps? ? ?

Reply to discussion (solution)

rgba(255,255,255,0.85);

rgba(255,255,255,0.85);

rgba(255,255,255,0.85);

This kind of blurry and translucent effect, CSS3 can solve the translucency. But the blur effect is difficult to achieve.