Skip to main content

Efecto de transición elástico con JavaScript

Muchas veces en artículos anteriores sobre diseño web he mencionado la importancia de la interactividad y el encanto visual que deberían tener las paginas web para gustar a los usuarios, no se trata solo de la combinación de colores, el movimiento cuenta mucho, pero eso no significa hacer que todo se mueva como antes sucedía con Flash, se trata de volver a los principios del diseño y ha aquella frase que dice “los detalles hacen al diseño”.

Eso es algo que podemos lograr con este efecto llamado Wobbly por su creador, se trata de un afecto de transiciones elásticas aplicado a Slideshows de pantalla completa, es un efecto tan sencillo como atractivo que le dará a tu web un toque que la hará diferente de todas las demás, es un script basado en JavaScript y CSS3 bastante sencillo y liviano.

Al final podrás encontrar dos enlaces uno hacia el demo donde podrán ver como funciona y un segundo hacia el tutorial donde te explicara como utilizarlo y te permitirá descargar el código de forma gratuita.

efecto elastico transiciones

Enlaces: Demo | Tutorial

Corre la voz con tus amigos/contactos:

Compartir