Excelentes ejemplos de diseños web con efecto parallax, 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
Les dejo un enlace a un pequeño tutorial para crear efecto parallax: Ver tutorial

Activate Drinks

New Zeland

Mario Kart Wii

Smart USA

Moods of Norway

Fuente: Web Designer Wall