Анимация CSS не достигает вершины

Question

Можете ли вы определить, что не так с моим CSS-кодом? Анимация не достигнет верхней части страницы, когда я просматриваю this page с разрешением 1920 x 1080.

Большое вам спасибо.

Answer 1

справа в нижней части вашего файла CSS вы имеете

@-webkit-keyframes bgobjects { 
    0% { 
    -webkit-transform: translateY(0); 
      transform: translateY(0); 
    } 
    100% { 
    -webkit-transform: translateY(-700px) rotate(600deg); 
      transform: translateY(-700px) rotate(600deg); 
    } 
} 

Похоже, вы только движущихся объектов 700px, так вот почему они не достигают вершины. Попытайтесь увеличить (или, если хотите, уменьшить) это значение больше или, возможно, попробовать проценты. Если он все еще не работает, создайте упрощенный JSFiddle, чтобы мы могли помочь вам дальше.

Обратите внимание, что у вас есть два похожих блока, например, приведенный выше CSS - вам нужно будет изменить значения в обоих этих блоках (они должны быть идентичными, кроме префикса -webkit), поскольку они будут применяться к различным браузерам.