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