Article
Parallax Yummyness
Aug 21, 03:08 PM | Inspiration | 3 Comments
Back to BlogI’ve noticed a few good examples of Parallax animation on web pages lately, whether its coincidence or a new trend emerging I don’t know (or care really) but i’m trying to find an excuse to use it somewhere.
Um, sorry, what? Better just show some examples then.
First up is Silverback from Clear:Left in Brighton. Resize your window for some parallax goodness.
silverbackapp.com
Another one along the same lines is the Squared Eye holding page, which uses a subtle parallax effect to create waves when you resize the browser.
squaredeye.com
The last example is T Comme Terre – they’ve used parallax effects in combination with a slider script to give their portfolio slideshow some depth. (Click the arrows)
www.tcommeterre.com
For any web designers reading this and looking to create some parallax effects with css, Paul Annett (the man behind the Silverback home page) has kindly written it up as a tutorial on Vitamin.. Cheers Paul.
Update
Web Designer Wall have added a tutorial on creating a parallax gallery in Adobe Flash. Check it out here…
Comment on this post
Me likey! That script looks good. The Source site is well done but I think it needs a way to pause the scrolling, clicking is a bit tricky as it is.
This effect is great. And I have in fact just recently used it on a website for a client of mine. Only problem is that when you resize the size of the divs will change thus changing the focus drastically.
T Comme Terre is nice, hadn’t seen that.
You see a fair bit of parallax in Flash, eg. http://www.originalsource.co.uk/
For jQuery, here’s a handy plugin that I’ve been wanting to mess with: http://webdev.stephband.info