css动画

/* 检测用户是否开启动画减弱功能 no-preference：没开启*/
@media (prefers-reduced-motion: no-preference) {
  .App-link{
      /* mymove:自定义动画*/
    animation: mymove infinite 10s linear;
  }
}

@keyframes mymove {
  from{
    margin-left:-100%;
  }
  to{
    margin-left: 100%;
  }
}

上面就简单实现了一个无限循环走马灯