JSFiddle - React, Tailwind, and code Playground

by Jon Eyrick

HTML

<div class="hi">
</div>

CSS

.hi {
    width: 36px;
    height: 36px;
    background-image: url("http://jagged.software/demo/subspace/wbroll.png");
    position: relative;
    -webkit-animation: playv 6s steps(4) infinite, playh 1s steps(4) infinite; 
    
}


@-webkit-keyframes playv {
     0% { background-position-y: 0 }
   100% { background-position-y: 1404px }
}
@-webkit-keyframes playh {
     0% { background-position-x: 0 }
   100% { background-position-x: 340px }
}