CSS sprite sheet animation

HTML

<img src="http://i.stack.imgur.com/hCX5s.png" />
<div class="motion"></div>

CSS

.motion {
    width: 70px;
    height: 70px;
    background-image: url("http://i.stack.imgur.com/hCX5s.png");
    
    -webkit-animation: play .8s steps(15) infinite;
       -moz-animation: play .8s steps(15) infinite;
        -ms-animation: play .8s steps(15) infinite;
         -o-animation: play .8s steps(15) infinite;
            animation: play .8s steps(15) infinite;
}

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

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

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

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

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