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

from Kabytes http://www.kabytes.com/programacion/contenido-animado-siguiendo-un-recorrido-predefinido-jquery/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+kabytes+%28Kabytes%29

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: