Si te has encontrado con paginas Web que se mueven haciendo scroll vertical u horizontal y sus elementos. objetos y fondos se mueven a velocidades y direcciones diferentes estarás ante el parallax scrolling. Una tendencia cada vez más usada por su cómoda navegación.
El Parallax Scrolling (PS en adelante) es una técnica de animación utilizada en diversos medios, que tiene su origen en la industria de los videojuegos a comienzos de los 80. El PS consigue crear un efecto de profundidad mediante la superposición de varias capas. Actualmente se está extendiendo su uso en el diseño de páginas web por lo que vamos a ver de forma sencilla su implementación en CSS.
Fuente: Cristalab
Tutorial de Parallax Scrolling con Posicionamiento (SEO)
Ejemplo con javascript
plugin
43 ejemplos en creativebloq
http://www.creativebloq.com/web-design/parallax-scrolling-1131762
40 ejemplos y tutoriales
http://speckyboy.com/2012/07/20/the-parallax-scrolling-effect-40-examples-and-tutorials/
Y 30 más de las mejores en awwwards. DESIGN INSPIRATION For web developers.
http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html
No hay comentarios:
Publicar un comentario