CSS背景渐变动画不工作

此动画不起作用。我不明白为什么。有人能帮我吗

body {

background: linear-gradient(227deg, #8d369b, #3aa9bb, #e145f2);
background-size: 600% 600%;

-webkit-animation: Test 36s ease infinite;
-moz-animation: AnimationName 36s ease infinite;
animation: AnimationName 36s ease infinite;

@-webkit-keyframes Test {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-moz-keyframes Test {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@keyframes Test { 
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}}

---

我想我的背景动画与梯度。上面的代码有什么问题

您正在

主体

标记的规则中定义关键帧。您还为

-moz animation

和

animation

定义了错误的

动画名称。这是CSS的固定版本


正文{
背景图像：线性梯度（227度，#8d369b，#3aa9bb，#e145f2）；
背景尺寸：600%600%；
-webkit动画：测试36秒轻松无限；
-moz动画：测试36秒轻松无限；
动画：测试36秒轻松无限；
}
@-webkit关键帧测试{
0% {
背景职位：0%51%
}
50% {
背景职位：100%50%
}
100% {
背景职位：0%51%
}
}
@-moz关键帧测试{
0% {
背景职位：0%51%
}
50% {
背景职位：100%50%
}
100% {
背景职位：0%51%
}
}
@关键帧测试{
0% {
背景职位：0%51%
}
50% {
背景职位：100%50%
}
100% {
背景职位：0%51%
}
}
Background gradient不能设置动画：）但是
Background position
可以，@BojanPetkovski.@Shaggy它当然可以。我开始回答这个问题，但接着回答了另一个问题。我看到你给出了同样的答案，所以+1代表你：）不客气。如果你满意地回答了你的问题，你可以考虑接受它：