Hola a todos, en esta oportunidad les dejo unos excelentes ejemplos de diseños web con efecto parallax, traidos desde Webdesignerwall, este efecto es muy atractivo ya que reemplaza el usual efecto de navegación vertical con el scroll basico, por un efecto mas atractivo con el que los diseñadores juegan... ya sea vertical o horizontal, el diseño sigue una secuencia visual muy atractiva y agradable.

Consiste en utilizar multiples capas, con imagenes en posiciones absolutas, una combinación de CSS y JavaScript con excelentes resultados, algunas características de este efecto son:

- CSS: Contenedores con posiciones relativas
- CSS: Usar posiciones absolutas
- CSS: Usar objetos flotantes z-index
- Imagenes con fondos transparentes PNG
- Imagenes, uso de sprites
- JavaScript para reconocer posición del scroll

A continuación podrán ver algunos excelentes diseños web que cuentan con este efecto, les recomiendo que no se los pierdan, son realmente impresionantes:

Ben The Body Guard:

Laurentius:

Mario Kart Wii:

Art of Flight:

BeerCamp:

New Zealand:

Activate Drinks:

Gidsy:

También les dejo un enlace a un pequeño tutorial para crear el efecto parallax: Ver tutorial

Espero que les guste este aporte, saludos.

Excelente! muy buen post. Me encanta ese tipo de diseños, son muy creativos.
+1

¡Muy buenos! Gracias por mostrarlos Juan.

muy bueno para hacer un psd del ultimo

muy buenos diseños ayudan mucho a la hora de crear algo. muchas gracias Juan.