css 如何叠加不同梯度不同度数?

osh3o9ms  于 2022-11-26  发布在  其他
关注(0)|答案(2)|浏览(87)

我试图实现以下图像的梯度:基本上,我想要一个从左到右的三色垂直渐变。然后我想要一个从上到下的水平不透明度渐变。

我不知道如何制作一个渐变,将“擦除”它下面的一个。

s5a0g9ez

s5a0g9ez1#

可以使用mix-blend-mode将一个元素的背景与其后面的另一个元素的背景混合。
第一个

gcxthw6b

gcxthw6b2#

你必须使用mask。你可以考虑一个伪元素,这样mask就不会影响内容:
第一个

相关问题