关于过载动画的问题

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 }

  /* 省略 */

}