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

Activate Drinks

New Zeland

Mario Kart Wii

Smart USA

Moods of Norway

Fuente: Web Designer Wall

comment ¿Que opinas?

Artículos recientes

close

Diseños de lámparas origami inspiradas en animales

OWL paperlamps es la empresa encargada del diseño y elaboración de estas geniales lámparas de origami inspiradas en diferentes animales. Cabe señalar, que estas pueden ser adquiridas la tienda de Etsy; esto claro mediante un módico…

close

Creativas campañas para crear conciencia sobre el calentamiento global

El calentamiento global es un hecho y cada vez es más evidente en todas las ciudades del mundo; inviernos más crudos y terribles sequías forman parte del día a día en las noticias a nivel…

close

Lista de estrenos en Netflix para Junio 2017

Llega el mes de Junio y diferentes series y películas llegan a la plataforma de vídeo mediante streaming por excelencia; es por eso, que el día de hoy te presentamos cuales son los estrenos que…

close

Living Lights of the Ocean, fotografías de un mundo subacuático surrealista

Living Lights of the Ocean es obra de fotografía y diseño digital que nos presenta un maravilloso paisaje neón de un mundo subacuático completemente surrealista. Un podría jurar que se trata de modelados digitales a simple…

close

‘In the World of Play-Doh’ una campaña dirigida a niños y adultos

Play-Doh es una marca que es capaz de volver al más amargado de los adultos en un inofensivo niño con ganas de experimentar; esto sucede debido a que la marca nos hace querer extrañar las…

close

play_circle_outline Spider-Man: Homecoming estrena su ultimo trailer

La madrugada de este miércoles se dio a conocer el ultimo trailer de Spider-Man: Homecoming; la nueva película del hombre araña que tendrá como co-protagonista a Iron Man. En esta ocasión se hace evidente que esta…

notifications Recién publicamos
close