我如何复制这种效果?

How do I replicate this effect?

我正在寻找一种在 HTML/CSS 中复制这种效果的方法。我认为这就像设置一个径向渐变作为背景一样简单,然后放置一个透明的深色覆盖层,只制作按钮和这样的白色但透明,但它并没有提供几乎相同的效果。

这是我要复制的效果:

任何精通 CSS 的人碰巧知道如何实现这一点?我查看了所有内容,但没有找到任何方法,这些方法不是非常复杂的解决方法,几乎​​不适合一种浏览器。多浏览器能力是可选的,我主要关心 chrome 和 firefox.

提前致谢!

编辑:为了让事情变得更诡异,是的,这是一个径向渐变,我张贴了一张糟糕的图片。这是一个更好的例子:

text/images 正在使用叠加混合模式。无论背景渐变方向如何,文本和按钮 "adapt" 都可以。

mix-blend-mode: overlay;

我重新创建了一个仅包含列表元素的快速演示。希望你觉得它有用。

http://codepen.io/aarjithn/pen/WQyLNz?editors=010