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
Corre la voz con tus amigos/contactos: