Html CSS动画渐变标题

我正在尝试将动画渐变应用到我的标题类。由于某种原因，我无法让它工作

我试图这样做，但不是对身体，只是头球

这是怎么回事？有人能帮我指出正确的方向吗

HTML、CSS

。业务头{
背景：线性梯度（50度，28246度，ffc500度）；
高度：400px；
-webkit动画：测试2s轻松无限；
动画：测试2秒轻松无限；
}
@-webkit关键帧测试{
0%{背景位置：51%0%}
50%{背景位置：20%100%}
100%{背景位置：51%0%}
}
@-moz关键帧测试{
0%{背景位置：51%0%}
50%{背景位置：50%100%}
100%{背景位置：51%0%}
}
@关键帧测试{
0%{背景位置：51%0%}
50%{背景位置：50%100%}
100%{背景位置：51%0%}
}

---

你没有提到背景尺寸。。这就是问题所在

非常感谢！我也刚刚发现了这一点。这是一个漫长的夜晚。

.business-header {
   background: linear-gradient(270deg, #a4ffe8, #092f25);
   background-size: 400% 400%;
   -webkit-animation: AnimationName 30s ease infinite;
   -moz-animation: AnimationName 30s ease infinite;
   animation: AnimationName 30s ease infinite;
   min-height: 100%;
   min-width: 100%;
   height:400px;
}