title: How to follow mouse movement the opposite direction?
body: <p>I would like to have a div that follows the mouse coordinates the opposite direction and within a div <code>.box</code>. When you move your mouse the red box should move slightly to the opposite direction, so it looks like a kind of parallax effect. Now it will move on your mouse speed and that is not what I want. I would like that the box is move slightly, so you will see the box move a little bit to the opposite direction. And I would like to have align the box to the center of the mouse.</p>
  
  <p>I already have code a script that let the red box follow your mouse movement, but doesn't know how to get above work. </p>
  
  <pre><code>$(document).ready(function(){
    $('div.container').on('mousemove',function(e){
          var x = e.pageX - this.offsetLeft;
          var y = e.pageY - this.offsetTop;
          $('div.box').css({'left': x, 'top': y});
    });
  });
  </code></pre>
  
  <p><a href="http://codepen.io/anon/pen/zBrkGa" rel="nofollow noreferrer">http://codepen.io/anon/pen/zBrkGa</a></p>