Scroll to Reveal

ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the viewport. It was designed to be robust and flexible, but hopefully you’ll be surprised below at how easy it is to pick up.

Activation

Change the data-animation attribute value false to true

                                    
                                        <body class="..." data-spy="scroll" data-target="#navbar-nav" data-animation="false" data-appearance="...">

Apply animation to an Elements

add .reveal class to your desire elements to apply the animation.

                                    
                                        <div class="reveal"></div>

You can also disable the animation from elements by removing the class .reveal where it presents