Efecto parallax. Diseño Web.

Utilizando la función de scroll del ratón o las flechas de dirección del teclado podremos visitar toda la página, donde las capas antes mencionadas se nos irán apareciendo a diferentes alturas y velocidades.

Además, este efecto nos permite aumentar notablemente las virtudes del HTML5 y el CSS3.

Os ofrezco a continuación un listado de ejemplos, páginas que he visitado y algún tutorial para realizar el efecto parallax:

EJEMPLOS
http://janploch.de
http://unfold.no
http://www.nikebetterworld.com
http://benthebodyguard.com
http://www.manufacturedessai.it/it
http://www.iutopi.com
http://www.campaignmonitor.com/hiring
http://www.rowtothepole.com
http://denver2012.drupal.org
http://www.netlash-bseen.be
http://www.yebocreative.com
http://www.ap-o.com
http://www.siebennull.com
http://www.head2heart.us
http://kalendiar.lenm.cz
http://fingerbilliards.com
http://www.guyvernes.com
http://www.egopop.net/about.html
http://www.beautifulexplorer.com/main.html?skip=1

TUTORIALES
http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax
http://www.tutorialshock.com/tutorials/single-page-portfolio-vertical-parallax-jquery-css
http://thinkvitamin.com/design/how-to-recreate-silverbacks-parallax-effect

BIBLIOGRAFÍA
http://www.adventuregraphs.com/?p=25597
http://line25.com/articles/showcase-of-parallax-scrolling-effects-in-web-design
http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design

Leave a comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *