在文本上引入顶部渐变

Question

我在这个网页的右上角有这个圆形渐变，但我实际上想要它覆盖图像。

目前，我有这个：

然而，我希望它像这里一样：

这是我的 css 右上渐变代码：

.top-right-gradient{
    position: absolute;
    top: -40%;
    right: -14%;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background: linear-gradient(#ee9ca7, #ec4357);
}

Answer 1

只需确保您的图像是具有透明背景的 PNG 文件，或没有背景填充的 SVG 文件。