Div Class
Animation Width
Animation Height
Sprite Graphic File
Speed
Number of Frames
Width of Sprite Graphic
Repititions

Sprite Animation Wizard

<style>
.{{ Class }} {
width: {{ width }}px;
height: {{ height }}px;
background: url('{{ graphic }}') left center;
animation: {{ Class }} {{ Speed }}s steps({{ steps }}) {{ repetitions }};
background-repeat:no-repeat;
}
@keyframes {{ Class }} {
100% { background-position: -{{ graphicwidth }}px; }
}
</style>

<div class="{{ Class }}"></div>