El diseño web sigue evolucionando, mostrándonos sus nuevas tendencias a cada paso que da, y con ello ha llegado una nueva dimensión llamada Parallax Scrolling.
Esta moda se ha hecho muy famosa, y la podemos ver ya en muchos sitios, y es que nos muestra muchas animaciones con imágenes, textos, entre otros. Únicamente utilizando códigos, creando una ilusión de fondos 3D.
El efecto parallax consiste en varias capas de objetos que se mueven a diferentes velocidades y mediante el uso del scroll se consigue la interacción entre ellas creando animaciones realmente increíbles. Colocando los códigos necesarios dentro de la página conseguiríamos una web mucho más interactiva y productiva para el dueño, ya que es algo muy llamativo y asegura más tiempo de permanencia.
Podemos jugar con los objetos que están dentro de la página para crear efectos diferentes, el efecto básico es dejar el fondo estático y lo que se mueve es el texto mientras se navega de arriba hacia abajo, se utilizan atributos comodata-type y data-speed, una combinación de CSS y jQuery.
Hay ejemplos muy creativos, que utilizan efectos básicos y cosas más complicadas. El parallax es una tendencia que está ganando bastante terreno y es que nos ofrece webs muyatractivas y con uso de puro código, profesionalismo,elegancia y creatividad.
¿Te gusta este nuevo efecto?
Aquí te dejo unos ejemplos bastante interesantes. Click en la imagen para observar estos ejemplos tan maravillosos:
Alquimia WRG
The Royal British Legion
Flat Desing vs Realism
Sony
Oakley
Puma Mobium
Hot Dot
Boy Coy
Shibui
Alquimia WRG
The Royal British Legion
Flat Desing vs Realism
Sony
Oakley
0 comentarios: