JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://spritely.net/scripts/jquery-ui-1.7.2.spritely.custom.min.js"></script>
<script src="http://spritely.net/scripts/jquery.spritely.js"></script>
<div id="bird"></div>
CSS
body{ height:2000px;
}
#bird {
background: transparent url('http://s14.postimg.org/obvgncq4v/bird_forward_back.png') 0 0 no-repeat;
position: fixed;
top: 150px;
left: 65px;
width: 180px;
height: 123px;
z-index: 2000;
cursor: pointer;
}
JavaScript
(function($) {
$(document).ready(function() {
$('#bird')
.sprite({fps: 9, no_of_frames: 16, rewind: true})
});
})(jQuery);