JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://imapo.ru/js/jquery.levitation.js"></script>
<div id="example"> 
<img id="space" src="http://imapo.ru/images/space.jpg"> 
<img id="sprite1" src="http://imapo.ru/images/x-wing.png"> 
<img id="sprite2" src="http://imapo.ru/images/x-wing.png"> 
<img id="sprite3" src="http://imapo.ru/images/x-wing.png"> 
<img id="sprite4" src="http://imapo.ru/images/t-fighter.png"> 
<img id="sprite5" src="http://imapo.ru/images/t-fighter.png"> 
</div>

CSS

#example {position: relative; overflow: hidden; width:600px; height:400px;}
#sprite1 {width:140px;}
#sprite2 {width:240px;}
#sprite3 {width:100px;}
#sprite4 {width:140px;}
#sprite5 {width:340px;}

JavaScript

$(document).ready(function(){
$('#space').levitation(-150,-150, -130);
$('#sprite1').levitation(320, 100, 20);
$('#sprite2').levitation(330, 120, 130);
$('#sprite3').levitation(80, 70, -40);
$('#sprite4').levitation(180, 130, 40);
$('#sprite5').levitation(10, 180, 180);
});