CSS3动画在Chrome / IE10中不起作用，但在Firefox中起作用

Question

我想创建一个instagram墙，所以我设置了嵌套的jquery来渲染图片，并且我想自动滚动到底部。 此代码在Firefox中可以正常运行，但在Chrome或IE10 +中则不能。 我不知道这是怎么回事。 我用LESS。 感谢您的帮助

.animation(@arguments) {
  animation: @arguments;
  -webkit-animation: @arguments;
}
.animation-playstate(@arguments) {
  animation-play-state: @arguments;
  -webkit-animation-play-state: @arguments;
}

@keyframes marquee {
  from { top: 0; }
  to { top: -100%; }
}
.grid {
  font-family: 'Roboto';
  box-sizing: border-box;
  .animation(marquee 70s infinite linear);
  &:hover {
    .animation-playstate(paused);
  }
}