JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<div>

</div>

CSS

div{
	  width: 64px;
	  height: 64px;
	  background-image: url("http://lpc.opengameart.org/static/lpc-style-guide/_images/soldier.png");
	  animation: playX 1s steps(9) infinite,
	             playY 4s steps(4) infinite;
	}

	@keyframes playX {
	  from {background-position-x: 0px;}
	  to {background-position-x: -576px;}
	}

	@keyframes playY {
	  from {background-position-y: 0px;}
	  to {background-position-y: -256px;}
	}