javascript - 关于过载动画的问题

问题描述

问 题

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

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

解决方案

/* 定义动画 */
@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 }
  /* 省略 */
}

这篇关于javascript - 关于过载动画的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！