Не работает CSS анимация в chrome

#css #анимация

Не работает CSS анимация в chrome и opera, но работает в мозиле и даже интернет эксплорере,
префиксы проставлены последней версией autoprefixer, версии браузеров последние...
В чем загвоздка?



body {
  /*ЛЕТНИЙ ФОН*/
  /*background:url(images/g12.jpg);}*/
  /*ЗИМНИЙ ФОН (ПАДАЮЩИЕ СНЕЖИНКИ)*/
  background: fixed, url(https://udsezon.ru/thumb/qyy419IWBadI3WCti5o-fw/90r90/913216/snezhinku.jpg);
  -webkit-animation: snegopad 30s linear infinite;
  animation: snegopad 30s linear infinite;
}

@-webkit-keyframes snegopad {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 0, 0% 563px;
  }
}

@keyframes snegopad {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 0, 0% 563px;
  }
}



    

Ответы

Ответ 1

Много лишнего, у позиции 2 значения по x и по y, а не 4:



body {
  background: url(https://udsezon.ru/thumb/qyy419IWBadI3WCti5o-fw/90r90/913216/snezhinku.jpg);
  animation: snegopad 30s linear infinite;
}

@keyframes snegopad {
  100% {
    background-position: 0 563px;
  }
}