JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://imapo.ru/js/jquery.floatingbox.js"></script>
<div id = "container" style = "width: 500px; height: 400px; border: 1px solid #000;"> 
<div id="moving_box1" style = "width: 30px; height: 30px; background: #999;"></div> 
<div id="moving_box2" style = "width: 50px; height: 50px; background: #AAA;"></div> 
<div id="moving_box3" style = "width: 40px; height: 40px; background: #BBB;"></div> 
</div>

CSS

#container {
border:0px !important;
}

JavaScript

$(function() {
$('#moving_box1').floatingBox({ 
scale : 0.3,
blur : true,
isText : false,
xOffset : 235,
yOffset: 185,
});

$('#moving_box2').floatingBox({ 
scale : 0.37,
blur : true,
isText : false,
xOffset : 205,
yOffset: 155
});

$('#moving_box3').floatingBox({ 
scale : 0.47,
blur : true,
isText : false,
xOffset : 265,
yOffset: 205
});
});