Here is the list of all available effects ( they are hosted by “js/ jquery.viewportchecker-effect.js” file ):
- scroll-fadeIn
- scroll-fadeInDown
- scroll-fadeInUp
- scroll-fadeInRight
- scroll-fadeInLeft
- scroll-flash
- scroll-pulse
- scroll-zoomIn
- scroll-flipInX
- scroll-bounceIn
Select an effect and copy his class (example: fadeInLeft)
In index.html there are comments that indicate sections that you can change with your desired effect.
Example:
<div class="pricing-column column all-features-column col-md-3 col-sm-6 col-xs-12 scroll-flipInX">…</div>
<div class="pricing-column column all-features-column col-md-3 col-sm-6 col-xs-12 scroll-fadeInLeft ">…</div>