Css анимация на фоновом изображении не работает в хромированном

Question

Просьба сообщить свойства перехода/анимации для хром отличается? или я делаю что-то неправильно?

: 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/! благодаря г Чужого

Answer 1

Вы забываете -webkit-animation: water 5000s linear infinite;, а также -webkit-animation: flow 5000s linear infinite; для webkit как стоячая, хром требует от них, вы можете проверить 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; 
} 

Примечание: Просто убедитесь, что вы используете -moz-, а также ...