在文本上添加顶部渐变

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 文件。