This year
2011
2010
Pseudo-3D Parallax Image Effect with JavaScript, CSS, and jQuery
by marco
Improved Pseudo 3D / Parallax Image Effect with CSS, JavaScript and jQuery
webdev.stephband.info
by nhoizey & 8 others
"jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way."
2009
webdev.stephband.info
by Spone & 8 others
jParallax has had a major overhaul in readiness to be released as version 1.0! Layers are now freezable – the last feature I wanted to implement – and the code is more j and compact. I've been really encouraged by all the great comments, so thank you everyone! I just need you to road test the demos and tell me that it's still working in your browser, and then I'll stick a 1.0 on it.
Showcasing the CSS Parallax Effect: 12 1 Creative Usages [Update2] › Blog › kremalicious.com » Matthias Kretschmann | Photography
by nhoizey
I mean Parallax Scrolling which is a technique often used in good ol’ arcade and video games like Moon Patrol or Sonic the Hedgehog. In such 2D games parallax scrolling was used to create an illusion of three dimensional depth.
How to recreate Silverback’s parallax effect | Think Vitamin
by nhoizey
Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.
