domingo, 12 de julio de 2015

Efecto Wobbly para Slideshow

Hoy nos gustaría compartir un efecto experimental para Slideshow. La idea se basa en un tiro Dribble llamado Ejercicio GIF por Sergey Valiukh donde una gran cantidad de movimientos están sucediendo. Y navegar de un elemento a otro hace que los elementos se mueven de forma tambaleante y pensamos que esto podría ser genial para probar en una verdadera presentación o Slideshow. Para lograr este efecto se utilizó Snap.svg y animamos las IVS con el fin de simular el efecto elástico. Lo que pasa es que, básicamente, Morph una ruta SVG pasa de un rectángulo a una forma curvada; o bien una curva a la derecha o una curva a la izquierda, dependiendo de donde estamos navegando. Fuente
Tenga en cuenta que esto es altamente experimental y probado sólo en las últimas versiones de los navegadores modernos.
Puedes leer más acerca de cómo utilizar Snap.svg en su sitio web y sobre todo la documentación.
Espero que hayan disfrutado de aprender algo nuevo hoy, deje su comentarios y recuerden darle LIKE a nuestra pagina en FACEBOOK y siguenos en  TWITTERayúdanos a seguir creciendo.

DEMO / DESCARGA