css - 使用页面缩放缩放线性渐变

Question

我想让我的渐变与容器中的文本一起放大。

渐变现在在文本下方有白色，在两侧有颜色：

如何使渐变的白色部分在缩放时始终位于文本下方？这是现在不想要的结果：

我试过了

body {
    background-attachment: scroll !important;
    background-size: cover !important;
}

等等，但我总是得到相同的结果。

这是我所有的 CSS。

标签： css