ScrollReveal – Easy scroll animations for web and mobile browsers

ScrollReveal – Easy scroll animations for web and mobile browsers

Today I am back with another great jQuery plugin called ScrollReveal.js. This plugin is great if you want to add a bit of modern touch to any website by adding smooth scroll animation to your elements. Animation sequncers are quite popular nowadays and they add a pinch of entertainment to different content section on web pages.

ScrollReveal.js is created by Julian Lloyd, a developer and design, from Fribourg, Switzerland. The plugin is 3.3KB minified and gzipped and has no dependencies. The simplest method to start using it, is to add just before the ending </body> tag:

Don’t struggle alone with projects

Join the creative community of UX, graphic and web designers and developers to get help with any design or dev project.

<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.1.4/scrollreveal.min.js"></script>

Add a simple HTML markup with elements such as:

<!-- HTML -->
<div class="foo"> Foo </div>
<div class="bar"> Bar </div>

And a bit of JS:

// JavaScript
window.sr = ScrollReveal();
sr.reveal('.foo');
sr.reveal('.bar');

Make sure that you check the GitHub page for more information about the markup, configuration and options.
 
Learn more Download


 

Related post:  FullPage.js - Create Beautiful Fullscreen Scrolling Websites
Divi WordPress Theme

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close