Metro Tile

by Konstantin Heinrich

HTML

<div class="container" id="test">
    <div class="tiledesc">
         <h2>Metro Tile</h2>

        <br></br>
        <br></br>
        <br></br>
        
    </div>

</div>

CSS

.container {
    width:200px;
    height:200px;
    background-color:seagreen;
    position:absolute;
}
.tiledesc {
    color:white;
    height:200px;
    width:200px;
    background-color:transparent;
}
body {
    background-color:lightblue;
}

JavaScript

$(document).on('mousemove', function(e){
    $('#test').css({
       left:  (e.pageX /80)+200,
       top:   (e.pageY / 80)+200
    });
    
});