JSFiddle - React, Tailwind, and code Playground
HTML
<div>
</div>
CSS
div{
width: 128px;
height: 128px;
background-image: url("http://opengameart.org/sites/default/files/styles/watermarked/public/skeleton_0.png");
animation: playX 2s steps(32) infinite,
playY 16s steps(8) infinite;
}
@keyframes playX {
from {background-position-x: 0px;}
to {background-position-x: -4096px;}
}
@keyframes playY {
from {background-position-y: 0px;}
to {background-position-y: -1024px;}
}