为什么我的 -webkit-background-clip: text ；不管用

Question

我想为带有渐变的文本制作动画，但我的 -webkit-background-clip:text;不工作请检查这里的问题是什么：

h2{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 10%;
    top: 10%;
    font-size: 150%;
    font-weight: 800;
    color: white;
    width: 10%;
    height: 20%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400%;
    background: linear-gradient( to right bottom, rgba(255,255,255,.9), rgba(255,30,80,1) 130%);
    animation: animate 10s linear infinite;
}

<div id="myname">
                <h2>Priyanshu Kumar</h2>
            </div>

Answer 1

@Temani Afif 如果你的回答有效，谢谢。

我把我的背景放在背景剪辑之前，它对我有用。

为什么我的 -webkit-background-clip: text ；不管用

Why my -webkit-background-clip: text ; is not working

html

css

django

webkit