如何实现这种模糊效果？

Question

如您所见,弹出框的背景颜色相对较黑且模糊.我怎样才能达到类似的效果？背景模糊效果是使用css写还是只是一张普通的图像？

谢谢.

Answer 1

.overlay
{
    background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7))
}

资料来源:检查要素

编辑:

这是跨浏览器版本的链接