The More you Move, The Larger It Gets

by achudars

HTML

<div id="cursor">X</div>

CSS

body {
    background: SkyBlue;
}

div {
    width:30px;
    height:30px;
    background: orange;
    position:absolute;
    top:0;
    left:0;
}

JavaScript

$(document).on('mousemove', function(e) {
    $('div#cursor').css({
        left: (e.clientX - 15) + 'px',
        top: (e.clientY - 15) + 'px',
        width: '+=5px',
        height: '+=5px'
    });
});