title: Mousemove animation
body: <p>Hello I am trying to achive this effect <a href="http://mario.ign.com/modern-era/super-mario-3D-world" rel="nofollow">http://mario.ign.com/modern-era/super-mario-3D-world</a> no mousemove I would like to do it with some kind of ease effect to make it smooth but actually dont know how to achive de desaceleration effect, so far what I've done is this  <a href="http://jsfiddle.net/xtatanx/8RB24/1/" rel="nofollow">http://jsfiddle.net/xtatanx/8RB24/1/</a>:</p>
  
  <pre><code>var $container = $('#container');
  var contWidth = $container.width();
  var $point = $('.point');
  var delay = 100;
  
  $container.mousemove(function(e){
      clearTimeout(timer);
  
      var timer = setTimeout(function(){
          console.log(e.offsetX);
          $point.each(function(){
              if( e.offsetX &gt; (contWidth - $point.width())){
                  return;
              }
              var xp = $(this).position().left;
              xp += parseFloat((e.offsetX - xp)/ 20);
              $(this).css({
                  left: xp
              });
          });
      }, delay);
  
  });
  </code></pre>
  
  <p>But I think that the animation doesnt feel as smooth as mario site i would appreciate if you guys could help me ginding resources or guiding me to achieve this effect. Thank you very much.</p>