Question

我正在寻找一种在HTML / CSS中复制此效果的方法。我认为这就像设置一个径向渐变作为背景一样简单，然后设置一个透明的深色覆盖，只是使按钮和白色但透明，但它不会产生几乎相同的效果。

这是我试图复制的效果：

任何熟悉CSS的人都知道如何实现这一目标？我看了一遍，并没有找到任何方法，这些方法不是疯狂的解决方法，几乎不适用于一个浏览器。多浏览器功能是可选的，我主要关心chrome和firefox。

提前致谢！

编辑：为了使事情变得更加艰难，是的，这是一个径向渐变，我发布了一些糟糕的图片。这是一个更好的例子：

Answer 1

文本/图像具有叠加的混合模式。无论背景渐变方向如何，文本和按钮都会适应＆＃34;它。

mix-blend-mode: overlay;

我只用list元素重新创建了一个快速演示。希望你觉得它很有用。