.hi{
  width: 50px;
  height:72px;
  background-image: url("Spites.png");
  animation: play 0.8s steps(10) infinite;
  margin:auto;
}

@-webkit-keyframes play {
  from { background-position:    0px; }
    to { background-position: -500px; }
 }
 
 @-moz-keyframes play {
  from { background-position:    0px; }
    to { background-position: -500px; }
 }
 
 @-ms-keyframes play {
  from { background-position:    0px; }
    to { background-position: -500px; }
 }
 
 @-o-keyframes play {
  from { background-position:    0px; }
    to { background-position: -500px; }
 }

@keyframes play{
  from{
    background-position: 0px;
  }
  to{
    background-position: -500px;
  }
}