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;
}
}