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.

scroll path con jQuery

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

Categorizado en: