JSFiddle - React, Tailwind, and code Playground

by sanjshah

HTML

<div class="slide"></div>

CSS

.slide {
  height: 650px;
  width: 225px;
  background-position: 150px 0;
  background-image: url(http://photorepairshop.com/Images/Panoramic_Photo3.jpg)
}

JavaScript

var limit = 60;
var start = 225;
var moveBy = 1;
var timer1 = setInterval(function() {
  $('.slide').css('background-position', start + 'px 0');
  start--;
  if (start < 0) {

    clearTimeout(timer1);
  }
}, 50)