Untitled

dabblet.css

BODY {
    background-color: slategrey;  
}
 
.hi {
    width: 48px;
    height: 48px;
    background: darkgrey;
    background-image: url("http://d.pr/i/M5gO+"); 
    
	animation: play 1s steps(9);     
	animation-fill-mode: forwards; 
}

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

dabblet.html

<img src="http://d.pr/i/M5gO+" />
<div class="hi"></div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}