如何在css中创建堆栈背景(颜色渐变和照片)



我做了一个扑动应用程序,我想把它转换成一个网站,到目前为止这么好,但我想在网站上的应用程序的相同背景。

这是应用程序背景的截图

背景图片

在这张照片中,我使用了两个大圆圈,每边都有不同的颜色,中间是一个模糊的图像。

任何建议都会有所帮助,我已经尝试了很多,很多作品,但不能得到我想要的结果(与应用程序相同)

css background-image可以得到结果,参见示例4。

background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)),
url("../../media/examples/lizard.png");