Animate scroll, animando el contenido html con jQuery

DESCARGA : Animate scroll

Animate scroll, animando el contenido html con jQuery, este plugin de jQuery tiene la principal característica de trabajar con css3 y de ser controlado con los atributos “data-animate-scroll”= dentro de las etiquetas html, este plugin tiene interesantes efectos , además que puedes usarlo en cualquier elemento html como mencionamos antes, la documentación la podemos encontrar en el siguiente enlace:

https://github.com/mpalpha/animate-scroll

 

Lo requerimientos que puedes encontrar son:

1.- jQuery.js v1.10.1+ from www.jquery.com.

2.- TweenMax.js 1.10.2+, TimelineMax.js v1.10.2+, EasePack.js v1.9.3+ from www.greensock.com.

 

El plugin se maneja de la siguiente manera:

 

Incluir la instancia de animateScroll


$(document).animateScroll();

Agregar atributos a las etiquetas html.


<p data-animate-scroll='{
"scaleX": "1.5",
"scaleY": "1.5",
"x": "-10",
"y": "-10",
"rotation": "-3",
"alpha": "1",
"easingType": "Cubic.easeOut",
"duration": "1"
}'>test</p>

Es importante recalcar que el soporte para 3D es sin duda unos de los favoritos, además que es responsive, lo que inclina a generar una solución compatible para dispositivos móviles.

Aquí tienes las demostraciones, tómalas como referencia donde el aplicativo se genera a partir de las etiquetas html h2, div, span, etc.

Prueba el plugin y puedes mencionar en que te ayudo.

 

 

 

You may also like...