hit counter
EstrellatuOreja.cl
Posted on October 12, 2012 by Felipe Faundez on webdesign

Los mejores sitios web usando efecto parallax.

Desde hace un par de años que empezamos a ver muchos websites usando el efecto Parallax, que consiste en tener varias capas moviéndose en distintas velocidades a medida que haces scroll. Básicamente debes tener las imágenes de fondo en un movimiento mas lento que las imagenes superiores, asi crea un efecto de movimiento clásico de video 2D o si quieres llámalo faux-3D effect, si bien el parallax no es una técnica nueva si se ha masificado gracias al HTML5, JQuery, PNG transparentes, backgrounds ultra grandes y los nuevos soportes de sonidos en browsers de diferentes plataformas.

Si bien es un poco complejo de implementar pero no imposible, acá les dejare algunos de mis websites favoritos (hasta el momento) y algunos links de como implementarlo

Ben The Body Guard
http://benthebodyguard.com/

02_ben

Peugeot HYbrid4
http://graphicnovel-hybrid4.peugeot.com/

03_peugeot

Bagigia
http://www.bagigia.com/

04_bagigia

Smokey Bones
http://www.smokeybones.com/

05_smokeybones

Tokiolab
http://www.tokiolab.it/

06_tokiolabs

The Two Minute Test
http://hardudetideg.no/test/en.html

07_twominutetest

360º Long Road Zurich
http://www.360langstrasse.sf.tv/page/

08_360langstrasse

VW Beetle
http://www.beetle.com/

09_beetle

Krystal Rae
http://krystalrae.com/

10_krystalrae

Air Jordan 2012
http://www.nike.com/jumpman23/aj2012/

12_airjordan

Ala
http://ala.ch/

13_ala

OK Studios
http://www.ok-studios.de/home/

14_okstudios

Tokyu Agency Recruit 2013

15_tokyu

Paris 3D
http://paris.3ds.com/en-index.html

17_paris

The Mission of Felix Baumgartner
http://www.redbullstratos.com/the-mission/mission-timeline/

16_themission

Lamentablemente 2 de mis favoritos websites ya no se encuentran disponibles, pero si encontré videos de los websites, igual les dejare los links originales

Nike Better World
website: http://www.nikebetterworld.com/
video: https://vimeo.com/49557802
01_nike

New Zealand
website: http://www.newzealand.com/us/
video: https://vimeo.com/32562689
11_newzealand

Algunos websites son realmente impresionantes, si quedaste con ganas de crear uno propio revisa los siguientes links, podrán ser de alguna ayuda:

Join the discussion 1 Comment

  • Anonimo

    February 23, 2015 at 3:02 pm

    mis respetos para tu sitio

Leave a Reply