关于过载动画的问题

Question

天猫的加载商品的一个小动画

很好奇这个animation的这个mui-loading-ani是怎么来的？以及这个动画实现问题

Answer 1

/* 定义动画 */
@key-frames mui-loading-ani {
  0% { background-position: 0 -40px }
  10% { background-position: 0 -80px }
  20% { background-position: 0 -120px }
  30% { background-position: 0 -160px }
  40% { background-position: 0 -200px }
  /* 省略 */
}