super simple scroll reveal animation wow-js-featured

Super Simple Scroll Reveal Animation Explained

Share on Facebook0Share on LinkedIn0Tweet about this on Twitter0Share on TumblrShare on Google+0Share on StumbleUpon0

In today’s blog post our pick is plugin which makes it super easy to create scroll reveal animation. Using this plugin you can add Awesome animations which can be revealed as user scrolls down your web page.

Its called WOW JS

WOW JS is a very light plugin and with rich enough features to fulfil all your needs. check out a demo template created with WOW JS

To use wow js for scroll reveal animation in your webpage follow the steps below.

1. Add wow’s js to your page.

 

2. Add Animates CSS to perform animations.

 

3. Add a starting script

Now make any element animate when scrolled to it using

 

Want more for scroll reveal animation ?

WOW comes with more advance options like :

  • data-wow-duration: Change the animation duration
  • data-wow-delay: Delay before the animation starts
  • data-wow-offset: Distance to start the animation (related to the browser bottom)
  • data-wow-iteration: Number of times the animation is repeated

use them like this

See complete documentation at plugins website here

 

Conclusion : You just learned super easy scroll reveal animation. Still have any doubts? ask in comments.

Share on Facebook0Share on LinkedIn0Tweet about this on Twitter0Share on TumblrShare on Google+0Share on StumbleUpon0