如何在 css 中制作堆栈背景（颜色渐变和照片）

Question

我做了一个 flutter 应用程序，我想把它转换成一个网站，到目前为止还不错，但我希望网站上有相同的应用程序背景。

这里是应用程序背景的截图

在这张照片中，我使用了堆栈，两侧各有两个大圆圈，颜色鲜明，中间有一个模糊图像。

任何建议都会有所帮助， 我已经尝试了很多，也做了很多但得不到我想要的结果（和app一样）

Answer 1

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");