html - 背景图像上的 CSS 动画在 chrome 中不起作用

请告诉 chrome 的过渡/动画属性不同吗？或者我做错了什么？

: Fiddle

 @-webkit-keyframes water
{ 0% {background-position: 0 0;}
100% {background-position: 100000% 0;}
}
@keyframes water {
0% {background-position: 0 0;}
100% {background-position: 100000% 0;}
}

解决:http://jsfiddle.net/aradhayaKansal/7cgkj/3/ !感谢外星人先生

最佳答案

您仍然忘记 -webkit-animation: water 5000s linear infinite; 以及 -webkit-animation: flow 5000s linear infinite; 的 webkit，chrome 需要它们，您可以查看 this

Demo

#waterfall {
  /* Other properties */
  -webkit-animation: flow 5000s linear infinite; /* <--- Here */
  animation: flow 3s forwards linear normal;
}

和

#water {
  /* Other properties */
  -webkit-animation: water 5000s linear infinite; /* <---- here */
  animation: water 5000s linear infinite;
}

关于html - 背景图像上的 CSS 动画在 chrome 中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21017408/