maxresdefault.jpg
April 19th, 2016 by editor



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/kutcherstudio/

## 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/garage/index.html

## 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-tasting/

## 6 – thumbnails
http://tympanus.net/Development/HoverEffectIdeas/

## 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/tomato-can-blues/?hp

This video was sponsored by the DevTips Patron Community – https://www.patreon.com/DevTips

You should follow DevTips on Twitter – https://twitter.com/DevTipsShow

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , , , , ,