WowJS: adds a simple animation to the page to share.
by WOW.js, you can gradually release these animations in the process of rolling down.
by default, when you scroll down the page, you can gradually display CSS animation. It usually uses the animated effect of animate.css. However, you can easily set up your favorite animation library.
advantages
more lightweight than other JavaScript visual plug-ins, like Scrollorama (which is too heavy, our requirements are very simple)
super simple installation, with animate.css, only a few lines of code.
simply use
HTML
when rolling to these two secion, it will roll out separately from left / right.
[code].lt; section class=.quot; wow slideInLeft.quot;.Gt;.Lt; /section.gt;
.lt. Wow', animation speed and other
HTML
[code].lt; section class=.quot; wow slideInLeft.quot; data-wow-duration=.quot; 2s.quot. ;.Lt; /section.gt;
[/code]
JavaScript
[code]
var wow = new WOW. Element when triggering the animation (default is 0)
mobile: true, / / trigger animations. S fired every time an animation is started
> > > address:
DEMO address: http://mynameismatthieu.com/WOW/