html – CSS Gradient动画无法正常工作

概述我正在尝试制作动画CSS渐变背景,我在此页面上为渐变生成CSS： http://www.gradient-animator.com/ 这是css： body {background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640);background-size: 600% 600%;-webkit-animation: Gradient 我正在尝试制作动画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/

解决方法 是的….你必须关闭你的身体CSS,并自己拥有你的关键帧动画.喜欢这个 http://jsfiddle.net/9s9g6ktu/1/ 总结

以上是内存溢出为你收集整理的html – CSS Gradient动画无法正常工作全部内容，希望文章能够帮你解决html – CSS Gradient动画无法正常工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。