Aanimate scroll is a mobile friendly Viewport triggered animation jQuery Plugin using greensock.

Features

• Responsive and Mobile Friendly
• 3D animations Supported
• Easy to Use

Requirements:

• jQuery.js v1.10.1+ from www.jquery.com.
• TweenMax.js 1.10.2+, TimelineMax.js v1.10.2+, EasePack.js v1.9.3+ from www.greensock.com.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

1. INCLUDE JS FILES

<script src="js/jquery.min.js"></script>
<script src="js/vendor/TweenMax.min.js"></script>
<script src="js/vendor/ScrollToPlugin.min.js"></script>
<script src="js/vendor/EasePack.min.js"></script>
<script src="js/animate-scroll.js"></script>

2. HTML

<h1 data-animate-scroll='{"y":"50", "duration": "1.75","scaleX": "0","scaleY": "0"}' class="text-center">Many Animate!!!</h1>
<h3 data-animate-scroll='{"x":"-100","duration": "1","scaleX": "0","scaleY": "0"}' class="text-left">Much Scroll!!</h3>
<h2 data-animate-scroll='{"rotation": "180","duration": "2.5","scaleX": "0","scaleY": "0"}' class="text-center">So WoW!</h2>
<h4 data-animate-scroll='{"y":"-100","duration": "1.5","scaleX": "0","scaleY": "0"}' class="text-right">Happy jQuery!</h4>
<h3 data-animate-scroll='{"duration": "2","scaleX": "0","scaleY": "0"}' class="text-left">Such Good!!</h3>

3. JAVASCRIPT

$(document).animateScroll();