Ngopress - Nonprofit, Crowdfunding & Charity HTML5 Template

Loading...

Disable Preloader

Animations

Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.

fadeIn Animation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


                <img class="wow fadeIn" data-wow-duration="3s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInDown Animation


                <img class="wow fadeInDown" data-wow-duration="3s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInDownBig Animation


                <img class="wow fadeInDownBig" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInLeft Animation


                <img class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInLeftBig Animation


                <img class="wow fadeInLeftBig" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInRight Animation


                <img class="wow fadeInRight" data-wow-duration="3s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInRightBig Animation


                <img class="wow fadeInRightBig" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInUp Animation


                <img class="wow fadeInUp" data-wow-duration="3s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

fadeInUpBig Animation


                <img class="wow fadeInUpBig" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Bounce Animation


                <img class="wow Bounce" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Flash Animation


                  <img class="wow flash" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Pulse Animation


                  <img class="wow pulse" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

RubberBand Animation


                  <img class="wow rubberBand" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Shake Animation


                  <img class="wow shake" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Swing Animation


                  <img class="wow swing" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Tada Animation


                  <img class="wow tada" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Wobble Animation


                  <img class="wow wobble" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

Jello Animation


                  <img class="wow jello" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

FadeIn Animation


                  <img class="wow fadeIn" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

FlipInX Animation


                  <img class="wow flipInX" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

FlipInY Animation


                  <img class="wow flipInY" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

RotateIn Animation


                  <img class="wow rotateIn" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

SlideInUp Animation


                  <img class="wow slideInUp" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

SlideInDown Animation


                  <img class="wow slideInDown" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

SlideInLeft Animation


                  <img class="wow slideInLeft" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

SlideInRight Animation


                  <img class="wow SlideInright" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">

ZoomIn Animation


                  <img class="wow zoomIn" data-wow-duration="1.5s" data-wow-offset="10" src="http://placehold.it/520x259" alt="">