我如何复制这种效果?
How do I replicate this effect?
我正在寻找一种在 HTML/CSS 中复制这种效果的方法。我认为这就像设置一个径向渐变作为背景一样简单,然后放置一个透明的深色覆盖层,只制作按钮和这样的白色但透明,但它并没有提供几乎相同的效果。
这是我要复制的效果:
任何精通 CSS 的人碰巧知道如何实现这一点?我查看了所有内容,但没有找到任何方法,这些方法不是非常复杂的解决方法,几乎不适合一种浏览器。多浏览器能力是可选的,我主要关心 chrome 和 firefox.
提前致谢!
编辑:为了让事情变得更诡异,是的,这是一个径向渐变,我张贴了一张糟糕的图片。这是一个更好的例子:
text/images 正在使用叠加混合模式。无论背景渐变方向如何,文本和按钮 "adapt" 都可以。
mix-blend-mode: overlay;
我重新创建了一个仅包含列表元素的快速演示。希望你觉得它有用。
我正在寻找一种在 HTML/CSS 中复制这种效果的方法。我认为这就像设置一个径向渐变作为背景一样简单,然后放置一个透明的深色覆盖层,只制作按钮和这样的白色但透明,但它并没有提供几乎相同的效果。
这是我要复制的效果:
任何精通 CSS 的人碰巧知道如何实现这一点?我查看了所有内容,但没有找到任何方法,这些方法不是非常复杂的解决方法,几乎不适合一种浏览器。多浏览器能力是可选的,我主要关心 chrome 和 firefox.
提前致谢!
编辑:为了让事情变得更诡异,是的,这是一个径向渐变,我张贴了一张糟糕的图片。这是一个更好的例子:
text/images 正在使用叠加混合模式。无论背景渐变方向如何,文本和按钮 "adapt" 都可以。
mix-blend-mode: overlay;
我重新创建了一个仅包含列表元素的快速演示。希望你觉得它有用。