CSS渐变动画不起作用答案

【问题标题】：CSS Gradient animation not workingCSS渐变动画不起作用
【发布时间】：2015-05-20 23:44:41
【问题描述】：

我正在尝试制作动画 CSS 渐变背景，我正在此页面上为渐变生成 CSS：http://www.gradient-animator.com/ 这是css：

body {
background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640);
background-size: 600% 600%;
-webkit-animation: Gradient 60s ease infinite;
-moz-animation: Gradient 60s ease infinite;
animation: Gradient 60s ease infinite;
@-webkit-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes Gradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
}

它可以很好地输出渐变，但不会对其进行动画处理。我错过了什么吗？这是小提琴：http://jsfiddle.net/9s9g6ktu/

【问题讨论】：

标签： html css gradient

【解决方案1】：

是的....你必须关闭你的body css 并让你的关键帧动画按照自己的方式进行。赞这个http://jsfiddle.net/9s9g6ktu/1/

【讨论】：