Parallax on the Web (Part 1) - Parallax Examples

Let's look at several examples of Parallax on the web!

"The phenomena of parallax is a result of having a perspective in in 3D space when movement is introduced to the observational experience."

Examples ------

1 - Fixed background, scrolling body
http://www.ok-studios.de/home/
http://themes.tvda.eu/demos/kutcherst...

2 - Slow Elements
http://jason-kenny.com/
http://unfold.no/
http://www.apple.com/macbook/

3 - Landing Elements
http://www.apple.com/macbook]
http://www.streamlineicons.com/
http://news.microsoft.com/stories/gar...

4 - Multiple direction elements
http://mainequarterly.com/thoreau/
https://carousel.dropbox.com/


5 - Mouse movements
http://stephband.info/jparallax/
http://www.alquimiawrg.com/#/home
http://travisneilson.com/rootbeer-tas...

6 - thumbnails
http://tympanus.net/Development/Hover...

7 - Follow the rabbit
http://poppyspend.britishlegion.org.uk/
http://lostworldsfairs.com/atlantis/
http://benthebodyguard.com/index.php
https://www.fiftythree.com/pencil

8 - Zooming elements
http://travisneilson.com/workflow-tools/
http://www.nytimes.com/projects/2013/...

---

This video was sponsored by the DevTips Patron Community -   / devtips  

You should follow DevTips on Twitter -   / devtipsshow