Reply to thread

Hmmmm.....

As good as it is its not really 'parallax'. You have moving images but they don't move with respect to the viewer...the person looking at it.

Websites that use 'parallax' often have images move with respect to the cursor movement as 'real' parallax is impossible on a 2D screen.

If your sea and boat moved slightly with respect to the cursor position then that would be closer to the mark...as it stands there is no control from the viewer. (Unless there is meant to be but it didn't work for me)

Check out the real meaning of 'parallax' and you'll see what I mean.

I built a photography website some time ago whereby the opening page was as if looking through the lens of a camera......and it was out of focus. As you moved the cursor around the screen the 'lens' and the 'subject' through the lens moved in a 'parallax' way getting more 'in-focus' as the cursor got nearer the center of the screen.....I even had the little red focus indicators too...and it also bleeped when you got dead-center.

Totally over the top for my liking but thats what the client wanted....parallax.

There are many tutorials on creating the effect....just do the usual search for "CSS Parallax". Its much easier to do now as well thanks to the advancement of HTML5 so you shouldn't have too much trouble creating it.

Regards.

MrTom.