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

257
01 декабря 2017, 03:55

Не работает 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; 
  } 
}

Answer 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; 
  } 
}

READ ALSO
Желтые границы в письме под Samsung Email

Желтые границы в письме под Samsung Email

Здравствуйте! Верстаю email-письмо, во всех клиентах отображается нормально, и только под Samsung Email появляются какие-то желтые границыВ коде этого...

218
Аналог justify content : space beetwen для вертикали?

Аналог justify content : space beetwen для вертикали?

Вот при justify content space beetwen все элементы гармонично занимают всю ширину, а есть ли тут что то похожее только по вертикали дабы занимали всю высоту

449
Как сделать такой border?

Как сделать такой border?

Подскажите как реализовать такую рамку, чтобы оставался пробел под заголовком

307
Как добавить к слайдеру Bootstrap 4 кнопки для переключения?

Как добавить к слайдеру Bootstrap 4 кнопки для переключения?

Вопрос заключается в следующем: я убираю индикаторы в слайдер, делаю слайдер статичнымИ нужно, чтобы переключение слайдера осуществлялось...

289