CSS之精灵动画

.box {
      /* 1680/12 */
      width: 140px;
      height: 140px;
      /* border: 1px solid #000; */
      background-image: url(./images/bg.png);
      animation: move 1s steps(12) infinite;
}
    
@keyframes move{
    from{
    background-position:0 0;
    }
    to{
    background-position:1680px 0;
    }
}

标签：140px,动画,12,image,move,精灵,background,position,CSS
来源： https://www.cnblogs.com/dxboot/p/16273305.html