A Pen by Maksim Surguy.

index.html

<!-- This is a very simple parallax effect achieved by simple CSS 3 multiple backgrounds, made by http://twitter.com/msurguy -->

script.js

$(document).ready(function(){
  $(document).mousemove(function(e){
     TweenLite.to($('body'), .5, {css:{'background-position':parseInt(event.pageX/8) + "px "+parseInt(event.pageY/12)+"px, "+parseInt(event.pageX/15)+"px "+parseInt(event.pageY/15)+"px, "+parseInt(event.pageX/30)+"px "+parseInt(event.pageY/30)+"px"}});
  });
  
});

Simplest-Parallax-effect-ever..markdown

Simplest Parallax effect ever.

This is a simple parallax effect that I made for http://mymaplist.com/login

A Pen by Maksim Surguy on CodePen.

License.

style.css

body{
	background: url(http://mymaplist.com/img/parallax/back.png);
	background-color: #444;
    background: url(http://mymaplist.com/img/parallax/pinlayer2.png),url(http://mymaplist.com/img/parallax/pinlayer1.png),url(http://mymaplist.com/img/parallax/back.png);    
}