JSFiddle - React, Tailwind, and code Playground

by Brodingo

CSS

div {  background-image:url(http://images.coolchaser.com/themes/t/494920-i499.photobucket.com-albums-rr360-freaks4boo-pikachu.gif);position:absolute;
-webkit-border-radius : 100000px
}

JavaScript

function on_mouse_move(event)
{
    var px;
    var py;
    
    px = event.pageX//+Math.floor(Math.random()*100);
    py = event.pageY//+Math.floor(Math.random()*100);
   
       if($('.a'+event.id).length==0) $('body').append('<div class=a'+event.id+'></div>')
        
            $('.a'+event.id).stop().css({
                //'background-color':'#'+event.pageX,
                //'-webkit-border-radius' : (event.id-50)+'px',
                'height' : '96px',
                'width' : '96px'
                
            }).animate({'top': py, 'left': px
            },1000);   

}



setInterval(function(){
    
    on_mouse_move({ pageX:Math.floor(Math.random()*1200), pageY:Math.floor(Math.random()*500)
                   ,
                    
                    id:Math.floor(Math.random()*5000)
                   })

},1)