JSFiddle - React, Tailwind, and code Playground

by shaneblake

HTML

<div id='friends'> friends... </div>

CSS

#friends { position: absolute; background: silver; }

JavaScript

function moveit() {
    var newTop = Math.floor(Math.random() * 350);
    var newLeft = Math.floor(Math.random() * 300);
    var newDuration = 9000;
    $('#friends').animate({
        top: newTop,
        left: newLeft,
        width: "+=" + ((newTop - $('#friends').position().top) / 3)
    }, newDuration, function() {
        moveit();
    });
};
$(document).ready(function() {
    moveit();
});