jParallax: 3D Image Effect
0 Comments Published by David Kingsnorth on Sunday, December 21, 2008 at 6:20 AM.
I have seen a few sites with headers that respond to mouse movement. They have limited movement but give the impression of a 3D environment. The interactivity is really engaging and I have found myself playing with them for well over a minute.
After searching around for a bit, I found the method used to create the effect. jParallax uses multiple PNG images with transparency, combined with jQuery and CSS. There is a plugin to make it display properly in IE6 since it doesn't display PNGs with transparency as expected. Seems like a fairly complicated effect but definately a process worth learning.
I'm going to hunt for a step by step tutorial and try to implement my own design with a doodle style landscape. I'll be posting my progress.
0 Responses to “jParallax: 3D Image Effect”
Post a Comment