JSFiddle - React, Tailwind, and code Playground
HTML
<div id="box">Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan Suryabhan...
CSS
#box {
position: relative;
height: 341px;
overflow: hidden;
}
div.slice {
background: transparent url(http://theicenter.org/sites/default/files/imagecache/homeimage845x341/03-icenterhom_0.jpg) 0 0 no-repeat;
position: absolute;
width: 845px;
height: 34px;
top: 0;
left: 845px;
}
JavaScript
var bgpos = 'background-position', i, box = $('#box'), props = {
left: 0,
backgroundPositionLeft: 0
}, div;
$.each(['left', 'top'], function (i, v) {
var camelCase = $.camelCase(bgpos + '-' + v);
$.cssHooks[camelCase] = {
get: function (elem, computed, extra) {
return $.css(elem, bgpos).split(/\s+/, 2)[i];
},
set: function (elem, value) {
var pos = $.css(elem, bgpos).split(/\s+/, 2);
pos[i] = value;
$.style(elem, bgpos, pos.join(' '));
}
};
$.fx.step[camelCase] = function (fx) {
$.style(fx.elem, fx.prop, fx.now);
};
});
for (i = 0; i < 10; i += 1) {
div = $('<div>', {
'class': 'slice',
'css' : {top: i * 34, backgroundPositionLeft: -845, backgroundPositionTop: i * -34}
}).appendTo(box).delay(i * 100).animate(props, 300);
}