Contenido animado siguiendo un recorrido predefinido [jQuery]

Scroll Path es un plugin jQuery para animar nuestro contenido por medio de recorridos. Este tipo de animaciones se puede lograr utilizando un path que nosotros mismos creamos de forma muy simple.

Este interesante plugin utilizan en gran medida CSS para realizar la mayoría de las animaciones, en particular hace un uso intensivo de la propiedad transform para girar la pantalla según corresponda.

Una buena noticia es que el plugin detecta el navegador y opera de forma distinta según sea el caso, por ejemplo en los navegadores antiguos algunas de las propiedades de CSS3 no son ejecutadas, por lo que estaremos hablando de una compatibilidad casi absoluta.

Ejemplo de inicialización del plugin

$(".your-container-element").scrollPath({
	drawPath: true,
	wrapAround: true,
	scrollBar: false
});

El plugin contiene una buena documentación disponible desde su apartado en Git Hub.

Web: Scroll Path ~ Via: Webappers

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas