Scusa ma non ero andato fino in fondo, quella puo essere ricreata da delle div sovrapposte che cambiano di la loro posizione con l'ausilio dell'evento onMouseMove, ina lternativa sempre con lo stesso tipo di evento puoi semplicemente usare dei sfondi multipli che sono supportati e sposti sempre con l'evento onMouseMove la posizione di ciascuna immagine in modo appropriato
http://www.w3schools.com/cssref/pr_background-position.asp
http://www.webmasterpoint.org/programmazione/css/tutorial-css/css3-background-sfondi-multipli-piu-immagini.html
ecco un mini tutorial.
Per avere l'effetto di movimento dividi il contenitore principale per un numero per esempio 10, k=dim/10 e il numero che viene fuori sara' praticamente il range di movimento magari della prima immagine, quello dietro con un valore moltiplicativo che potrebbe essere 2, e quello dietro ancora 3.
<!DOCTYPE html>
<html>
<head>
<style>
body
{
background-image:url('smiley.gif'),url('smiley.gif'),url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-size:40px, 50px, 60px ;
background-position:-5px bottom, 10px bottom, 15px bottom;
}
</style>
</head>
<body>
<p><b>Note:</b> For this to work in Firefox and Opera, the background-attachment property must be set to "fixed".</p>
</body>
</html>
Nel link sotto puoi provare manualmente senza l'ausilio degli eventi, cambi semplicemente i valori numerici e vedrai che si spostano, ho usato anche size per ricreare un effettoo piu' simile ed e' supportato du tutti i browser
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position