Categorías: Diseño Diseño Web Inspiración

Increíbles diseños web con efecto parallax

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