JSFiddle - React, Tailwind, and code Playground

by Imad Bakir

HTML

<div id="animation" style="border: 1px solid rgb(153, 153, 153); margin: auto; width: 627px; height: 390px; overflow: hidden; padding: 0px; background-image: url(http://www.htmldrive.net/edit_media/2012/201211/20121129/JZoopraxiscope/example/images/jzoo.jpg); background-attachment: scroll; box-shadow: rgb(0, 0, 0) 0px 0px 40px inset; background-position: 0px 0px; background-repeat: repeat repeat;"></div>

JavaScript

$(document).ready(function() {
$('#animation').animate({
  'background-position-x': '10%',
  'background-position-y': '20%'
}, 10000, 'linear');
    });