JSFiddle - React, Tailwind, and code Playground

HTML

<div class="case" id="slide"></div>
<a href="#" onclick="slide();">test</a>

CSS

.case
{
	background-image: url("http://i.imgur.com/xrDa26c.png");
	max-width: 1125px;
	height: 75px;
}

JavaScript

function slide()
		{
			var x=1;
			while (x<=512) 
			{
				document.getElementById("slide").style.backgroundPosition = x+"px 0px";

				x++;
			}
		}